Ícone Ring 1
streamline-emojis:ring-1
O ícone Ring 1 (streamline-emojis:ring-1) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Streamline Emojis
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Emoticons e pessoas
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.78 10.45a1.25 1.25 0 0 0-.93-.4h-9.7a1.25 1.25 0 0 0-.93.4a1.27 1.27 0 0 0 0 1.73L21.57 16h4.86l3.38-3.82a1.27 1.27 0 0 0-.03-1.73"/><path fill="#45413c" d="M12.5 43.5a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#ffe500" d="M24 14.5A14.5 14.5 0 1 0 38.5 29A14.5 14.5 0 0 0 24 14.5m0 25A10.5 10.5 0 1 1 34.5 29A10.5 10.5 0 0 1 24 39.5"/><path fill="#fff48c" d="M24 17a14.5 14.5 0 0 1 14.44 13.25c0-.41.06-.83.06-1.25a14.5 14.5 0 0 0-29 0c0 .42 0 .84.06 1.25A14.5 14.5 0 0 1 24 17m0 25a10.5 10.5 0 0 0 10.5-10.5a10 10 0 0 0-.08-1.25a10.49 10.49 0 0 1-20.84 0a10 10 0 0 0-.08 1.25A10.5 10.5 0 0 0 24 42"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 14.5A14.5 14.5 0 1 0 38.5 29A14.5 14.5 0 0 0 24 14.5m0 25A10.5 10.5 0 1 1 34.5 29A10.5 10.5 0 0 1 24 39.5"/><path fill="#00b8f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m29.52 6.4l-1.23-1.94a1 1 0 0 0-.84-.46h-6.9a1 1 0 0 0-.84.46L18.48 6.4a1 1 0 0 0 .06 1.16l4.72 6a.91.91 0 0 0 1.48 0l4.72-5.95a1 1 0 0 0 .06-1.21"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m23.19 10.14l-1.45 2a1 1 0 0 0-.17.75l.79 4.75a1 1 0 0 0 1 .84h1.3a1 1 0 0 0 1-.84l.79-4.75a1 1 0 0 0-.17-.75l-1.45-2a1 1 0 0 0-1.64 0"/><path fill="#b8ecff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 7h-5.68a1 1 0 0 1 .16-.6l1.23-1.94a.9.9 0 0 1 .42-.36Zm0 0h5.68a1 1 0 0 0-.16-.6l-1.23-1.94a.9.9 0 0 0-.42-.36Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 7v2.72"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M8.39 12.16a2.38 2.38 0 0 1 1.8-1.8l3.61-.84a.3.3 0 0 0 0-.58l-3.61-.83a2.41 2.41 0 0 1-1.8-1.8L7.56 2.7a.3.3 0 0 0-.3-.23a.29.29 0 0 0-.26.23l-.86 3.61a2.41 2.41 0 0 1-1.8 1.8l-3.61.83a.3.3 0 0 0 0 .58l3.61.84a2.38 2.38 0 0 1 1.8 1.8L7 15.77a.3.3 0 0 0 .29.23a.31.31 0 0 0 .3-.23Zm34.93 29.46a1.8 1.8 0 0 1 1.33-1.34l2.68-.61a.23.23 0 0 0 0-.44l-2.68-.61a1.78 1.78 0 0 1-1.33-1.34l-.62-2.67a.22.22 0 0 0-.22-.17a.21.21 0 0 0-.21.17l-.62 2.67a1.78 1.78 0 0 1-1.33 1.34l-2.68.61a.23.23 0 0 0 0 .44l2.68.61a1.8 1.8 0 0 1 1.33 1.34l.62 2.67a.21.21 0 0 0 .21.18a.22.22 0 0 0 .22-.18Z"/></svg>Como usar o ícone Ring 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:ring-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:ring-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:ring-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--ring-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:ring-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:ring-1"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/ring-1.svg" alt="Ícone Ring 1" width="24" height="24">Ícones relacionados em Streamline Emojis
Perguntas frequentes sobre Ícone Ring 1
O ícone Ring 1 é grátis para uso comercial?
Sim. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Ring 1 no React?
Instale @iconify/react e renderize <Icon icon="streamline-emojis:ring-1" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ring 1 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-emojis/ring-1.svg" alt="Ícone Ring 1">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.