Icono Circler
whh:circler
El icono Circler (whh:circler) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1024 × 1024. WebHostingHub Glyphs 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
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 1024 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 1024q-139 0-257-68.5T68.5 769T0 512t68.5-257T255 68.5T512 0t257 68.5T955.5 255t68.5 257t-68.5 257T769 955.5T512 1024m192-640q0-53-37.5-90.5T576 256H352q-13 0-22.5 9.5T320 288v448q0 13 9.5 22.5T352 768t22.5-9.5T384 736V576h192q27 0 45.5 19t18.5 45v96q0 13 9.5 22.5T672 768t22.5-9.5T704 736v-96q0-58-43-96q43-38 43-96zM576 512H384V320h192q27 0 45.5 19t18.5 45v64q0 27-18.5 45.5T576 512"/></svg>Cómo usar el icono Circler
React
import { Icon } from "@iconify/react";
<Icon icon="whh:circler" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:circler" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:circler" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--circler]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:circler"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:circler"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/circler.svg" alt="Icono Circler" width="24" height="24">Iconos relacionados en WebHostingHub Glyphs
Preguntas frecuentes sobre Icono Circler
¿El icono Circler es gratis para uso comercial?
Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Circler en React?
Instala @iconify/react y renderiza <Icon icon="whh:circler" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Circler a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/circler.svg" alt="Icono Circler">, o pega el código SVG en línea para darle estilo con CSS.