Иконка Shazam

arcticons:shazam

Иконка Shazam (arcticons:shazam) — бесплатная SVG-иконка из набора Arcticons от Donnnno. Она нарисована на сетке 48 × 48. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Arcticons
Автор: Donnnno
Лицензия: CC-BY-SA-4.0
Размер: 48 × 48

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.755 34.832c-2.697 2.938-7.512 7.56-7.705 7.753c-.626.578-1.445.915-2.263.915a3.2 3.2 0 0 1-2.36-1.011a3.27 3.27 0 0 1 .096-4.623c.049-.048 4.864-4.623 7.368-7.416a6.37 6.37 0 0 0 1.685-4.719c-.096-1.83-1.01-3.563-2.504-4.864c-1.974-1.685-5.874-2.07-8.33.097c-1.445 1.3-3.227 3.226-3.227 3.226c-1.204 1.348-3.274 1.397-4.623.193c-1.348-1.204-1.396-3.275-.192-4.623c.096-.096 1.974-2.167 3.708-3.66c4.623-4.141 12.28-4.238 16.95-.193c2.841 2.456 4.527 5.78 4.767 9.39c.241 3.564-.963 6.935-3.37 9.535"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.011 35.073c-3.034 0-6.02-1.011-8.379-2.986c-2.84-2.456-4.526-5.778-4.767-9.39c-.193-3.515.963-6.886 3.37-9.534c2.698-2.938 7.465-7.56 7.706-7.753a3.27 3.27 0 0 1 4.526 4.719c-.048.048-4.864 4.622-7.368 7.415a6.37 6.37 0 0 0-1.685 4.72c.096 1.83 1.011 3.563 2.504 4.863c1.974 1.734 5.875 2.07 8.33-.096c1.445-1.3 3.227-3.226 3.227-3.226c1.204-1.349 3.275-1.397 4.623-.193s1.396 3.275.192 4.623c-.096.096-1.974 2.167-3.707 3.66c-2.312 2.118-5.442 3.178-8.572 3.178"/></svg>

Как использовать иконку Shazam

React

import { Icon } from "@iconify/react";

<Icon icon="arcticons:shazam" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="arcticons:shazam" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="arcticons:shazam" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--shazam]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:shazam"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="arcticons:shazam"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/arcticons/shazam.svg" alt="Иконка Shazam" width="24" height="24">

Иконка Shazam в других наборах

Вопросы и ответы: Иконка Shazam

Можно ли бесплатно использовать иконку Shazam в коммерческих проектах?

Да. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Shazam в React?

Установите @iconify/react и выведите <Icon icon="arcticons:shazam" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Shazam на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/arcticons/shazam.svg" alt="Иконка Shazam">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Arcticons →