Icono Chrome
thesvg-color:chrome
El icono Chrome (thesvg-color:chrome) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 191 × 191. theSVG Color 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
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 191 × 191
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="191" height="191" viewBox="0 0 191 191"><path fill="#fff" d="M95.252 142.873c26.304 0 47.627-21.324 47.627-47.628s-21.323-47.628-47.627-47.628s-47.627 21.324-47.627 47.628s21.323 47.628 47.627 47.628"/><path fill="#229342" d="m54.005 119.07l-41.24-71.43a95.23 95.23 0 0 0-.003 95.25a95.23 95.23 0 0 0 82.496 47.61l41.24-71.43v-.011a47.6 47.6 0 0 1-17.428 17.443a47.62 47.62 0 0 1-47.632.007a47.6 47.6 0 0 1-17.433-17.437z"/><path fill="#fbc116" d="m136.495 119.067l-41.239 71.43a95.23 95.23 0 0 0 82.489-47.622A95.24 95.24 0 0 0 190.5 95.248a95.24 95.24 0 0 0-12.772-47.623H95.249l-.01.007a47.6 47.6 0 0 1 23.819 6.372a47.6 47.6 0 0 1 17.439 17.431a47.62 47.62 0 0 1-.001 47.633z"/><path fill="#1a73e8" d="M95.252 132.961c20.824 0 37.705-16.881 37.705-37.706S116.076 57.55 95.252 57.55S57.547 74.431 57.547 95.255s16.881 37.706 37.705 37.706"/><path fill="#e33b2e" d="M95.252 47.628h82.479A95.24 95.24 0 0 0 142.87 12.76A95.23 95.23 0 0 0 95.245 0a95.2 95.2 0 0 0-47.623 12.767a95.23 95.23 0 0 0-34.856 34.872l41.24 71.43l.011.006a47.62 47.62 0 0 1-.015-47.633a47.61 47.61 0 0 1 41.252-23.815z"/></svg>
Cómo usar el icono Chrome
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:chrome" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:chrome" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:chrome" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--chrome]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:chrome"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:chrome"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/chrome.svg" alt="Icono Chrome" width="24" height="24">
Iconos relacionados en theSVG Color
El icono Chrome en otras colecciones
Preguntas frecuentes sobre Icono Chrome
¿El icono Chrome es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Chrome en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:chrome" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Chrome a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/chrome.svg" alt="Icono Chrome">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos theSVG Color →
ICONYZ
