Icono Circle
ls:circle
El icono Circle (ls:circle) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 717 × 713. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Ligature Symbols
- Autor
- Kazuyuki Motoyama
- Licencia
- OFL-1.1
- Tamaño
- 717 × 713
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="713" viewBox="0 0 717 713"><path fill="currentColor" d="M441 0c153 0 276 124 276 276c0 143-111 262-251 274c-32 94-121 163-226 163C108 713 0 606 0 474c0-108 71-198 168-229C183 108 300 0 441 0M78 157c-43 0-78-35-78-78S35 1 78 1s77 35 77 78s-34 78-77 78m0-119c-23 0-41 18-41 41s18 41 41 41s41-18 41-41s-18-41-41-41m400 438c95-17 167-101 167-200c0-113-91-204-204-204c-98 0-180 70-198 163c130 1 235 108 235 239zm-75 0v-2c0-90-72-163-162-164c14 84 79 151 162 166M240 637c65 0 119-37 147-91c-111-23-197-110-216-221c-56 26-95 83-95 149c0 91 73 163 164 163"/></svg>
Cómo usar el icono Circle
React
import { Icon } from "@iconify/react";
<Icon icon="ls:circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:circle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:circle"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ls/circle.svg" alt="Icono Circle" width="24" height="24">
El icono Circle en otras colecciones
Preguntas frecuentes sobre Icono Circle
¿El icono Circle es gratis para uso comercial?
Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Circle en React?
Instala @iconify/react y renderiza <Icon icon="ls:circle" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Circle a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/circle.svg" alt="Icono Circle">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Ligature Symbols →
ICONYZ
