Amazon music

File: amazon-music.svg
viewBox: 0 0 981.8 981.8
Weight: 2 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 amazonMusic from '@ba-icons/illustrations/media/amazon-music';

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

Vue

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

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import amazonMusic from '@ba-icons/illustrations/media/amazon-music';
---

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 981.8 981.8" fill="currentColor"><path d="M338.9 399.9Q339.9 400.9 340.9 402.4Q341.9 403.9 342.9 405.4Q343.9 406.9 343.9 407.9Q342.9 406.9 340.9 404.9Q338.9 403.9 337.9 402.9Q337.9 402.9 338.4 401.4Q338.9 399.9 338.9 399.9ZM18.9 490.9V18.9H490.9H962.9V490.9V962.9H490.9H18.9ZM370.9 795.9V772.9H264.9H158.9V795.9V818.9H264.9H370.9ZM595.9 795.9V772.9H489.9H383.9V795.9V818.9H489.9H595.9ZM820.9 795.9V772.9H714.9H608.9V795.9V818.9H714.9H820.9ZM370.9 736.9V713.9H264.9H158.9V736.9V759.9H264.9H370.9ZM595.9 736.9V713.9H489.9H383.9V736.9V759.9H489.9H595.9ZM820.9 736.9V713.9H714.9H608.9V736.9V759.9H714.9H820.9ZM370.9 677.9V654.9H264.9H158.9V677.9V700.9H264.9H370.9ZM820.9 677.9V654.9H714.9H608.9V677.9V700.9H714.9H820.9ZM370.9 618.9V595.9H264.9H158.9V618.9V641.9H264.9H370.9ZM519.9 501.9Q575.9 494.9 616.9 466.9Q626.9 460.9 625.9 455.9Q624.9 450.9 616.9 454.9Q548.9 479.9 484.9 478.9Q409.9 476.9 342.9 441.9Q326.9 433.9 326.9 437.9Q326.9 440.9 335.9 447.9Q381.9 486.9 440.9 497.9Q454.9 500.9 461.9 501.9Q470.9 502.9 490.4 502.9Q509.9 502.9 519.9 501.9ZM637.9 484.9Q655.9 464.9 654.9 439.9Q654.9 432.9 651.9 431.9Q642.9 426.9 623.9 428.9Q597.9 431.9 593.9 440.9Q592.9 441.9 593.9 442.9Q594.9 443.9 603.9 442.9Q625.9 440.9 633.9 442.9Q637.9 443.9 638.9 445.9Q641.9 451.9 631.9 478.9Q627.9 487.9 628.9 488.9Q629.9 492.9 637.9 484.9ZM465.9 417.9Q495.9 414.9 521.9 390.9L529.9 384.9L533.9 391.9Q546.9 410.9 556.9 415.9Q560.9 417.9 565.9 414.9Q568.9 413.9 587.9 396.9Q604.9 381.9 605.9 378.4Q606.9 374.9 598.9 363.9Q590.9 351.9 587.9 342.9Q586.9 336.9 585.9 273.9Q584.9 210.9 582.9 202.9Q575.9 175.9 551.4 161.9Q526.9 147.9 488.9 148.9Q465.9 149.9 448.9 154.9Q422.9 163.9 407.9 180.9Q398.9 191.9 392.9 206.9Q386.9 221.9 390.9 226.9Q392.9 230.9 417.9 233.9Q436.9 234.9 439.9 235.9Q447.9 236.9 450.9 225.9Q455.9 209.9 467.9 203.9Q477.9 198.9 489.9 199.9Q511.9 200.9 517.9 219.9Q518.9 222.9 519.4 230.4Q519.9 237.9 520.4 243.9Q520.9 249.9 519.9 250.9Q503.9 250.9 468.9 256.9Q421.9 264.9 399.9 290.9Q388.9 303.9 383.9 320.9Q375.9 355.9 388.9 382.9Q406.9 417.9 450.9 418.9Q454.9 418.9 465.9 417.9ZM471.9 369.9Q450.9 363.9 450.9 336.9Q450.9 323.9 455.9 314.9Q466.9 291.9 512.9 289.9L520.9 288.9L519.9 306.9Q518.9 337.9 507.9 353.9Q492.9 374.9 471.9 369.9Z"></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/amazon-music.svg

<img src="https://icons.atmosphere.africa/svg/media/amazon-music.svg" alt="Amazon music" width="160">

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

illustrationUrl('media/amazon-music');
// → https://icons.atmosphere.africa/svg/media/amazon-music.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/amazon-music.svg') center / contain no-repeat;
}

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