Chromium icon
thesvg-color:chromium
The Chromium icon (thesvg-color:chromium) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 512 × 512 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 512 × 512
SVG code
<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>How to use the Chromium icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/chromium.svg" alt="Chromium icon" width="24" height="24">Chromium icon in other icon sets
Chromium icon FAQ
Is the Chromium icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Chromium icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:chromium" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chromium icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/chromium.svg" alt="Chromium icon">, or paste the SVG code inline to style it with CSS.