Chrome icon
ls:chrome
The Chrome icon (ls:chrome) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 717 × 717 grid. Ligature Symbols icons are released under the Open Font 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 717 × 717
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="717" viewBox="0 0 717 717"><path fill="currentColor" d="M680 200H358c-31 0-59 10-84 25c-43 27-72 75-74 129L76 139C142 55 243 0 358 0c141 0 264 82 322 200M60 159l160 278c1 1 1 2 2 3c14 25 36 45 62 59c23 11 47 19 74 19s52-8 75-19L308 714C134 689 0 540 0 359c0-74 22-143 60-200m382 66h249c16 41 26 87 26 134c0 198-161 358-359 358c-8 0-15 0-23-1l160-276c1-1 1-2 2-3c13-24 20-50 20-78v-5c-2-54-32-102-75-129M239 359c0-67 52-120 119-120s120 53 120 120s-53 120-120 120s-119-53-119-120"/></svg>
How to use the Chrome icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:chrome" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:chrome" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:chrome" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--chrome]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:chrome"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:chrome"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/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. Ligature Symbols icons are released under the Open Font 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="ls: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/ls/chrome.svg" alt="Chrome icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
