Chrome icon
thesvg-color:chrome
The Chrome icon (thesvg-color:chrome) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 191 × 191 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
- 191 × 191
SVG code
<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>
How to use the Chrome icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/chrome.svg" alt="Chrome icon" width="24" height="24">
Related icons in theSVG Color
Chrome icon in other icon sets
Chrome icon FAQ
Is the Chrome 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 Chrome icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:chrome" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chrome icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/chrome.svg" alt="Chrome icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG Color icons →
ICONYZ
