ICONYZ
English
Chrome icon from Fontelico

Chrome icon

fontelico:chrome

The Chrome icon (fontelico:chrome) is a free SVG icon from the Fontelico set by Fontello. It is drawn on a 1000 × 1000 grid. Fontelico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Fontelico
Author
Fontello
License
CC-BY-SA-3.0
Size
1000 × 1000
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M498.183.005c-147.445.678-291.229 66.62-387.347 186.018l153.958 236.639c38.92-110.963 150.567-181.877 267.325-170.051l414.127 22.061c-42.323-84.026-108.752-157.098-196.299-207.641C670.526 21.176 583.738-.389 498.184.005zM81.65 226.208C30.042 304.874 0 398.942 0 500.033c0 249.758 183.248 456.794 422.595 493.996l127.929-251.638c-115.557 21.774-232.78-39.492-280.918-146.521zm884.812 93.837l-281.918 14.999c76.637 89.189 82.213 221.338 13.593 316.541l-226.172 347.6c93.931 5.361 190.433-15.638 277.98-66.183c216.297-124.878 303.971-387.076 216.516-612.956zm-466.498 11.374c-93.11 0-168.613 75.503-168.613 168.613s75.503 168.613 168.613 168.613s168.613-75.503 168.613-168.613s-75.503-168.613-168.613-168.613"/></svg>

How to use the Chrome icon

React

import { Icon } from "@iconify/react";

<Icon icon="fontelico:chrome" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fontelico:chrome" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fontelico:chrome" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontelico--chrome]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontelico -->
<div class="i-fontelico:chrome"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fontelico:chrome"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fontelico/chrome.svg" alt="Chrome icon" width="24" height="24">

Chrome icon in other icon sets

Chrome icon FAQ

Is the Chrome icon free for commercial use?

Yes. Fontelico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Chrome icon in React?

Install @iconify/react and render <Icon icon="fontelico: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/fontelico/chrome.svg" alt="Chrome icon">, or paste the SVG code inline to style it with CSS.

Browse all Fontelico icons →