Icono Chromium
thesvg-color:chromium
El icono Chromium (thesvg-color:chromium) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 512 × 512. 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
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><linearGradient id="SVG3KJhndFF" x1=".465" x2=".557" y1="-.674" y2=".811" gradientTransform="matrix(231.62575 0 0 231.62472 111.11 159.994)" gradientUnits="userSpaceOnUse" href="#SVG0nZBzdqE"/><linearGradient id="SVG0nZBzdqE"><stop offset="0" stop-color="#1972e7"/><stop offset="1" stop-color="#1969d5"/></linearGradient><linearGradient id="SVGk3DIPeob" x1="101.744" x2="101.599" y1="33.726" y2="135.466" gradientTransform="matrix(3.77942 0 0 3.7794 .002 .004)" gradientUnits="userSpaceOnUse" href="#SVGZdpjcdhY"/><linearGradient id="SVGZdpjcdhY" x2="1" gradientTransform="translate(29.399 42.333)scale(61.286)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#afccfb"/><stop offset="1" stop-color="#8bb5f8"/></linearGradient><linearGradient id="SVGrScsudAu" x1=".018" x2="1.77" y1="-.512" y2=".499" gradientTransform="rotate(60 -101.572 171.29)scale(189.86363 189.86405)" gradientUnits="userSpaceOnUse" href="#SVGuxkIFdWv"/><linearGradient id="SVGuxkIFdWv" x2="1" gradientTransform="rotate(60 -26.875 45.321)scale(50.236)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#659cf6"/><stop offset="1" stop-color="#4285f4"/></linearGradient><linearGradient id="SVG4JhIcbvK" x1="67.452" x2="67.733" y1="40.321" y2="95.25" gradientTransform="matrix(3.77942 0 0 3.7794 .002 .004)" gradientUnits="userSpaceOnUse" href="#SVG3OirCccr"/><linearGradient id="SVG3OirCccr"><stop offset="0" stop-color="#3680f0"/><stop offset="1" stop-color="#2678ec"/></linearGradient></defs><path fill="url(#SVGk3DIPeob)" d="m255.993 255.994l110.85 63.997l-110.85 191.994c141.38 0 255.992-114.61 255.992-255.99c0-46.642-12.536-90.332-34.331-127.998H255.99z"/><path fill="url(#SVG3KJhndFF)" d="M255.99 0C161.24 0 78.578 51.513 34.313 128.027L145.14 319.991l110.85-63.997V127.997h221.664C433.382 51.502 350.729 0 255.99 0"/><path fill="url(#SVGrScsudAu)" d="M.002 255.994c0 141.38 114.607 255.99 255.991 255.99l110.85-191.993l-110.85-63.997l-110.85 63.997L34.315 128.027C12.53 165.682 0 209.357 0 255.991"/><path fill="#fff" d="M383.99 255.994c0 70.69-57.306 127.997-127.997 127.997c-70.69 0-127.998-57.307-127.998-127.997s57.308-127.997 127.998-127.997s127.998 57.307 127.998 127.997"/><path fill="url(#SVG4JhIcbvK)" d="M359.992 255.994c0 57.436-46.563 103.998-103.999 103.998S151.995 313.43 151.995 255.994c0-57.435 46.562-103.998 103.998-103.998s103.999 46.563 103.999 103.998"/></svg>Cómo usar el icono Chromium
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:chromium" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:chromium" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:chromium" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--chromium]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:chromium"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:chromium"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/chromium.svg" alt="Icono Chromium" width="24" height="24">El icono Chromium en otras colecciones
Preguntas frecuentes sobre Icono Chromium
¿El icono Chromium 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 Chromium en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:chromium" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Chromium a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/chromium.svg" alt="Icono Chromium">, o pega el código SVG en línea para darle estilo con CSS.