Иконка Napster Circle

jam:napster-circle

Иконка Napster Circle (jam:napster-circle) — бесплатная SVG-иконка из набора Jam Icons от Michael Amprimo. Она нарисована на сетке 24 × 24. Jam Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Jam Icons
Автор: Michael Amprimo
Лицензия: MIT
Размер: 24 × 24
Теги: napstercircle

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 2C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10"/><path d="M11.035 11.99a2.9 2.9 0 0 1-1 .621a2.6 2.6 0 0 1-1.002-.621z"/><path d="M6.995 6.435a4 4 0 0 1 3.04-1.396c1.215 0 2.288.536 3.039 1.396a4.2 4.2 0 0 1 1.001-.153v1.406c.5.334.858.936.858 1.615c0 .68-.358 1.272-.858 1.607l-.036.038c-.214 2.065-1.93 3.652-4.005 3.652c-2.11 0-3.826-1.616-4.04-3.69a1.93 1.93 0 0 1 0-3.213V6.282c.357.01.679.067 1 .153zm1.18 1.492A3.3 3.3 0 0 0 6.78 7.19v3.29c0 1.835 1.466 3.307 3.254 3.307s3.219-1.472 3.219-3.317V7.19a3.54 3.54 0 0 0-1.36.737a3.2 3.2 0 0 0-1.859-.603c-.68 0-1.323.22-1.86.603zm0-.956a4 4 0 0 1 1.86-.47c.679 0 1.286.173 1.859.47a2.6 2.6 0 0 1 .393-.24a3.24 3.24 0 0 0-2.253-.908c-.858 0-1.68.344-2.253.918c.108.057.286.143.394.23"/><path d="M11.035 10.48c.537-.068 1.467-.058 1.467-.058c-.036.172 0 .66-.537.966a1.2 1.2 0 0 1-.5.133c-.5.02-1.216.03-1.216.03c.143-.584.321-1.024.786-1.072m-2.002.001c.43.047.644.487.787 1.07c0 0-.716-.01-1.216-.029a1.2 1.2 0 0 1-.5-.134c-.537-.306-.501-.793-.537-.965c0 0 .93-.01 1.466.057m1.931 2.63c-.25.172-.572.267-.93.267a1.84 1.84 0 0 1-.965-.267s.035-.106.071-.192a.36.36 0 0 1 .143-.134a2.7 2.7 0 0 0 1.502 0s.072.039.143.153a.6.6 0 0 1 .036.173"/></g></svg>

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

React

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

<Icon icon="jam:napster-circle" width="24" />

Vue

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

<template>
  <Icon icon="jam:napster-circle" width="24" />
</template>

Svelte

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

<Icon icon="jam:napster-circle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[jam--napster-circle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/jam -->
<div class="i-jam:napster-circle"></div>

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

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

<iconify-icon icon="jam:napster-circle"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/jam/napster-circle.svg" alt="Иконка Napster Circle" width="24" height="24">

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

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

Да. Jam Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Jam Icons →