Icono Coin Outline
glyphs:coin-outline
El icono Coin Outline (glyphs:coin-outline) 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
- coinoutline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="m47.241 27.41l-4.028-5.434c-1.599-2.157-4.827-2.157-6.426 0l-4.028 5.433l-7.154.263c-4.222.155-5.352 5.9-1.503 7.641l3.19 1.444l-1.243 2.676c-1.482 3.192 1.584 6.605 4.916 5.472L40 41.833l9.035 3.072c3.333 1.133 6.398-2.28 4.916-5.472l-1.243-2.676l3.19-1.444c3.849-1.742 2.72-7.486-1.503-7.641zM40 24.357l4.028 5.433a4 4 0 0 0 3.066 1.615l7.154.263l-3.19 1.444a4 4 0 0 0-1.978 5.329l1.243 2.676l-9.035-3.073a4 4 0 0 0-2.576 0l-9.035 3.073l1.243-2.676a4 4 0 0 0-1.979-5.33l-3.19-1.443l7.155-.263a4 4 0 0 0 3.066-1.615z"/><path fill="currentColor" fill-opacity=".25" d="M19.039 19.23C13.598 23.116 10 28.664 10 35v10c0 6.336 3.6 11.884 9.039 15.77C24.481 64.658 31.899 67 40 67s15.518-2.342 20.962-6.23C66.4 56.884 70 51.336 70 45V35c0-6.336-3.6-11.884-9.038-15.77C55.518 15.342 48.1 13 40 13s-15.518 2.342-20.961 6.23m2.324 3.255C16.67 25.84 14 30.291 14 35s2.669 9.161 7.363 12.515C26.054 50.865 32.637 53 40 53s13.946-2.135 18.636-5.485C63.332 44.16 66 39.709 66 35s-2.669-9.161-7.364-12.515C53.947 19.135 47.364 17 40 17s-13.946 2.135-18.636 5.485M60.962 50.77c1.918-1.37 3.608-2.948 4.991-4.694c-.373 4.308-2.981 8.342-7.317 11.439C53.947 60.865 47.364 63 40 63s-13.946-2.135-18.636-5.485c-4.336-3.097-6.944-7.131-7.317-11.44l.106.134c1.363 1.693 3.016 3.225 4.885 4.56C24.482 54.659 31.9 57 40 57s15.518-2.342 20.962-6.23"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m47.241 27.41l-4.028-5.434c-1.599-2.157-4.827-2.157-6.426 0l-4.028 5.433l-7.154.263c-4.222.155-5.352 5.9-1.503 7.641l3.19 1.444l-1.243 2.676c-1.482 3.192 1.584 6.605 4.916 5.472L40 41.833l9.035 3.072c3.333 1.133 6.398-2.28 4.916-5.472l-1.243-2.676l3.19-1.444c3.849-1.742 2.72-7.486-1.503-7.641zM40 24.357l4.028 5.433a4 4 0 0 0 3.066 1.615l7.154.263l-3.19 1.444a4 4 0 0 0-1.978 5.329l1.243 2.676l-9.035-3.073a4 4 0 0 0-2.576 0l-9.035 3.073l1.243-2.676a4 4 0 0 0-1.979-5.33l-3.19-1.443l7.155-.263a4 4 0 0 0 3.066-1.615z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.039 19.23C13.598 23.116 10 28.664 10 35v10c0 6.336 3.6 11.884 9.039 15.77C24.481 64.658 31.899 67 40 67s15.518-2.342 20.962-6.23C66.4 56.884 70 51.336 70 45V35c0-6.336-3.6-11.884-9.038-15.77C55.518 15.342 48.1 13 40 13s-15.518 2.342-20.961 6.23m2.324 3.255C16.67 25.84 14 30.291 14 35s2.669 9.161 7.363 12.515C26.054 50.865 32.637 53 40 53s13.946-2.135 18.636-5.485C63.332 44.16 66 39.709 66 35s-2.669-9.161-7.364-12.515C53.947 19.135 47.364 17 40 17s-13.946 2.135-18.636 5.485M60.962 50.77c1.918-1.37 3.608-2.948 4.991-4.694c-.373 4.308-2.981 8.342-7.317 11.439C53.947 60.865 47.364 63 40 63s-13.946-2.135-18.636-5.485c-4.336-3.097-6.944-7.131-7.317-11.44l.106.134c1.363 1.693 3.016 3.225 4.885 4.56C24.482 54.659 31.9 57 40 57s15.518-2.342 20.962-6.23"/></g></svg>Cómo usar el icono Coin Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:coin-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:coin-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:coin-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--coin-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:coin-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:coin-outline"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/coin-outline.svg" alt="Icono Coin Outline" width="24" height="24">Iconos relacionados en Glyphs
Preguntas frecuentes sobre Icono Coin Outline
¿El icono Coin Outline 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 Coin Outline en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:coin-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Coin Outline a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/coin-outline.svg" alt="Icono Coin Outline">, o pega el código SVG en línea para darle estilo con CSS.