Shazam

File: shazam.svg
viewBox: 0 0 982.9 983.3
Weight: 3 KB

Another company's mark, kept in the design system for reference. It belongs to its owner and isn't part of the Black Atmosphere set: for anything published, use the company's official file and follow its guidelines.

96px

160px

240px +

Use it

Download SVG

React

import { Illustration } from '@ba-icons/react';
import shazam from '@ba-icons/illustrations/media/shazam';

<Illustration asset={shazam} size={160} />

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import shazam from '@ba-icons/illustrations/media/shazam';
</script>

<template>
  <Illustration :asset="shazam" :size="160" />
</template>

Astro

---
import { Illustration } from '@ba-icons/astro';
import shazam from '@ba-icons/illustrations/media/shazam';
---

<Illustration asset={shazam} size={160} />

HTML

<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.4.0.js" defer></script>

<ba-illustration name="media/shazam" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 982.9 983.3" fill="currentColor"><path d="M339.5 400.7Q340.5 401.7 341.5 403.2Q342.5 404.7 343.5 406.2Q344.5 407.7 344.5 408.7Q343.5 407.7 341.5 405.7Q339.5 404.7 338.5 403.7Q338.5 403.7 339 402.2Q339.5 400.7 339.5 400.7ZM451.5 963.7Q345.5 954.7 256.5 902.7Q172.5 853.7 111.5 773.7Q88.5 743.7 67.5 702.7Q30.5 626.7 20.5 536.7Q18.5 522.7 19 490.2Q19.5 457.7 21.5 442.7Q29.5 373.7 51.5 317.7Q81.5 243.7 132.5 183.7Q141.5 173.7 153 161.7Q164.5 149.7 173.5 141.7Q182.5 133.7 183.5 133.7Q184.5 134.7 184.5 134.7Q184.5 134.7 184.5 133.7Q183.5 132.7 194.5 123.7Q205.5 114.7 206.5 115.7Q206.5 115.7 208.5 113.7Q212.5 109.7 230 97.7Q247.5 85.7 250.5 84.7Q251.5 84.7 252.5 84.7Q253.5 82.7 261.5 78.7Q269.5 74.7 270.5 74.7H271.5Q270.5 73.7 278 69.7Q285.5 65.7 297 60.7Q308.5 55.7 320.5 50.7Q372.5 29.7 401.5 28.7Q405.5 27.7 406.5 27.7Q408.5 24.7 449.5 20.7Q502.5 16.7 543.5 21.7Q550.5 22.7 555.5 23.7Q560.5 24.7 563.5 24.7Q566.5 25.7 573.5 26.7Q576.5 26.7 575.5 27.7Q575.5 28.7 575.5 28.7Q575.5 28.7 576.5 27.7L587.5 29.7L588.5 30.7Q589.5 29.7 596 31.2Q602.5 32.7 603.5 32.7Q648.5 42.7 652.5 48.7H655.5Q658.5 48.7 670.5 53.7Q710.5 70.7 722.5 79.7Q725.5 81.7 726.5 81.7Q727.5 81.7 734.5 86.2Q741.5 90.7 741.5 91.7Q742.5 92.7 743.5 92.7Q745.5 92.7 753 98.2Q760.5 103.7 760.5 104.7Q760.5 104.7 760.5 104.7Q761.5 103.7 775 113.7Q788.5 123.7 788.5 124.7Q788.5 125.7 789.5 125.2Q790.5 124.7 801.5 135.2Q812.5 145.7 812.5 146.7Q812.5 147.7 813.5 146.7Q814.5 146.7 828.5 160.7Q842.5 174.7 853.5 187.7Q879.5 219.7 900.5 254.7Q926.5 299.7 942.5 349.7Q964.5 419.7 964 496.2Q963.5 572.7 940.5 641.7Q909.5 731.7 845.5 804.7Q778.5 881.7 686.5 922.7Q618.5 952.7 545.5 961.7Q533.5 963.7 499.5 964.2Q465.5 964.7 451.5 963.7ZM586.5 813.7Q601.5 809.7 624.5 788.7Q643.5 770.7 688 725.7Q732.5 680.7 741.5 669.7Q784.5 620.7 793.5 558.7Q795.5 547.7 795.5 526.2Q795.5 504.7 793.5 494.7Q787.5 463.7 774.5 434.7Q750.5 383.7 705.5 350.7Q663.5 319.7 607.5 311.7Q570.5 306.7 537.5 313.7Q483.5 324.7 441.5 358.7Q435.5 362.7 420.5 377.2Q405.5 391.7 391 406.2Q376.5 420.7 373.5 425.7Q361.5 440.7 361.5 460.7Q361.5 479.7 374.5 495.2Q387.5 510.7 407.5 513.7Q422.5 515.7 438.5 508.7Q447.5 504.7 477.5 474.2Q507.5 443.7 514.5 438.7Q558.5 406.7 613.5 424.7Q637.5 431.7 655.5 450.7Q674.5 471.7 683.5 498.7Q686.5 508.7 686.5 527.7Q686.5 551.7 678.5 568.7Q672.5 583.7 657.5 601.2Q642.5 618.7 586.5 673.7Q532.5 727.7 530 731.2Q527.5 734.7 524.5 742.7Q517.5 759.7 523.5 777.7Q529.5 793.7 543.5 804.2Q557.5 814.7 574.5 814.7Q579.5 814.7 586.5 813.7ZM447.5 673.7Q483.5 667.7 516.5 650.7Q539.5 639.7 566.5 613.7Q611.5 572.7 622.5 555.7Q639.5 529.7 624.5 499.7Q616.5 485.7 601.5 477.7Q577.5 465.7 552.5 477.7Q546.5 480.7 516 511.2Q485.5 541.7 478.5 546.7Q463.5 558.7 441.5 564.7Q407.5 572.7 376.5 560.7Q351.5 551.7 334.5 532.7Q316.5 511.7 309.5 487.7Q294.5 435.7 327.5 393.7Q337.5 381.7 405.5 312.7Q462.5 256.7 465.5 249.7Q476.5 225.7 466 202.7Q455.5 179.7 431.5 173.7Q415.5 168.7 399.5 173.7Q392.5 176.7 391.5 177.7Q390.5 178.7 385.5 181.7Q382.5 183.7 355.5 210.2Q328.5 236.7 298.5 266.2Q268.5 295.7 259.5 305.7Q233.5 335.7 219.5 361.7Q195.5 410.7 196.5 464.7Q198.5 526.7 235.5 581.7Q260.5 619.7 298.5 643.7Q338.5 669.7 391.5 674.7Q418.5 677.7 447.5 673.7Z"></path></svg>

From the CDN

Link to the file instead of installing it: for <img>, CSS, emails and docs, with nothing added to your bundle. Served with CORS and cached for an hour.

https://icons.atmosphere.africa/svg/media/shazam.svg

<img src="https://icons.atmosphere.africa/svg/media/shazam.svg" alt="Shazam" width="160">

import { illustrationUrl } from '@ba-icons/illustrations';

illustrationUrl('media/shazam');
// → https://icons.atmosphere.africa/svg/media/shazam.svg

As an <img> it draws in black. To give it the text colour, use it as a mask:

.mark {
  background-color: currentColor;
  mask: url('https://icons.atmosphere.africa/svg/media/shazam.svg') center / contain no-repeat;
}

New to the packages? Point your project at the registry first.