Ícone Circle
glyphs-poly:circle
O ícone Circle (glyphs-poly:circle) é um ícone SVG gratuito da coleção Glyphs Poly de Goran Spasojevic. Ele é desenhado em uma grade de 80 × 80. Glyphs Poly 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
- Glyphs Poly
- Autor
- Goran Spasojevic
- Licença
- MIT
- Tamanho
- 80 × 80
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#2f80ed" d="m40.074 12l3.135.176l3.096.526l3.017.87l2.901 1.2l2.748 1.52l2.56 1.817l2.342 2.092l2.093 2.341l1.816 2.561l1.52 2.748l1.201 2.901l.87 3.017l.525 3.096l.176 3.135l-.176 3.135l-.526 3.096l-.869 3.017l-1.202 2.9l-1.519 2.749l-1.816 2.56l-2.093 2.342l-2.341 2.092l-2.56 1.817l-2.749 1.52l-2.901 1.2l-3.017.87l-3.096.526l-3.135.176l-3.135-.176l-3.095-.526l-3.018-.87l-2.9-1.2l-2.749-1.52l-2.56-1.817l-2.342-2.092l-2.092-2.341l-1.817-2.561l-1.519-2.748l-1.201-2.901l-.87-3.017l-.526-3.096L12.074 40l.176-3.135l.526-3.096l.87-3.017l1.201-2.9l1.519-2.749l1.817-2.56l2.092-2.342l2.342-2.092l2.56-1.817l2.749-1.52l2.9-1.2l3.018-.87l3.095-.526z"/><path fill="#f2f2f2" d="m40.074 24l1.792.1l1.769.301l1.724.497l1.657.686l1.57.868l1.464 1.039l1.338 1.195l1.196 1.338l1.038 1.463l.868 1.57l.686 1.658l.497 1.725l.3 1.769l.101 1.791l-.1 1.791l-.3 1.77l-.498 1.724l-.686 1.657l-.868 1.57l-1.038 1.464l-1.196 1.338l-1.338 1.195l-1.463 1.039l-1.57.867l-1.658.687l-1.724.497l-1.77.3l-1.79.101l-1.792-.1l-1.77-.301l-1.723-.497l-1.658-.686l-1.57-.868l-1.464-1.039l-1.337-1.195l-1.196-1.338l-1.038-1.463l-.868-1.57l-.687-1.658l-.497-1.725l-.3-1.769l-.1-1.791l.1-1.791l.3-1.77l.497-1.724l.687-1.657l.868-1.57l1.038-1.464l1.195-1.338l1.338-1.195l1.464-1.039l1.57-.868l1.658-.686l1.724-.497l1.769-.3z"/></g></svg>
Como usar o ícone Circle
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:circle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:circle"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/circle.svg" alt="Ícone Circle" width="24" height="24">
Ícones relacionados em Glyphs Poly
O ícone Circle em outras coleções
Perguntas frequentes sobre Ícone Circle
O ícone Circle é grátis para uso comercial?
Sim. Glyphs Poly icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Circle no React?
Instale @iconify/react e renderize <Icon icon="glyphs-poly:circle" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Circle a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/glyphs-poly/circle.svg" alt="Ícone Circle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Glyphs Poly →
ICONYZ
