Ícone Napster Circle
jam:napster-circle
O ícone Napster Circle (jam:napster-circle) é um ícone SVG gratuito da coleção Jam Icons de Michael Amprimo. Ele é desenhado em uma grade de 24 × 24. Jam Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Jam Icons
- Autor
- Michael Amprimo
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- napstercircle
Código 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>Como usar o ícone 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="jam:napster-circle"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/jam/napster-circle.svg" alt="Ícone Napster Circle" width="24" height="24">Ícones relacionados em Jam Icons
Perguntas frequentes sobre Ícone Napster Circle
O ícone Napster Circle é grátis para uso comercial?
Sim. Jam Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Napster Circle no React?
Instale @iconify/react e renderize <Icon icon="jam:napster-circle" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Napster Circle a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/jam/napster-circle.svg" alt="Ícone Napster Circle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.