Icono Two Bold
glyphs:two-bold
El icono Two Bold (glyphs:two-bold) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons se publican bajo la licencia MIT, 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
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- twobold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" d="M30 13a3 3 0 1 0 0 6zm22 54a3 3 0 1 0 0-6zm-6.15-29.925l1.342 2.683zM40 40l-1.342-2.683zM30 19h10.875v-6H30zm-1 48h23v-6H29zm15.509-32.608l-5.85 2.925l2.683 5.366l5.85-2.925zM25 59.416V63h6v-3.584zM29 61a2 2 0 0 1 2 2h-6a4 4 0 0 0 4 4zm9.658-23.683A24.71 24.71 0 0 0 25 59.417h6a18.71 18.71 0 0 1 10.342-16.734zM49 27.125a8.13 8.13 0 0 1-4.491 7.267l2.683 5.366A14.12 14.12 0 0 0 55 27.125zM40.875 19A8.125 8.125 0 0 1 49 27.125h6C55 19.324 48.676 13 40.875 13z"/></svg>Cómo usar el icono Two Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:two-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:two-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:two-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--two-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:two-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:two-bold"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/two-bold.svg" alt="Icono Two Bold" width="24" height="24">Iconos relacionados en Glyphs
Preguntas frecuentes sobre Icono Two Bold
¿El icono Two Bold es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Two Bold en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:two-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Two Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/two-bold.svg" alt="Icono Two Bold">, o pega el código SVG en línea para darle estilo con CSS.