Chrome Filled icon
ep:chrome-filled
The Chrome Filled icon (ep:chrome-filled) is a free SVG icon from the Element Plus set. It is drawn on a 1024 × 1024 grid. Element Plus 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
- Element Plus
- Author
- Element Plus
- License
- MIT
- Size
- 1024 × 1024
- Tags
- chromefilled
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M938.7 512c0-44.6-6.9-87.6-19.6-128H682.7a212 212 0 0 1 42.6 128c.1 38.7-10.4 76.7-30.4 109.9L512 938.7c235.7 0 426.7-191 426.7-426.7"/><path fill="currentColor" d="M576.8 401.6a128 128 0 0 0-63.6-17.6a128 128 0 0 0-111.1 62.4a128 128 0 0 0-2.2 127.5l1.3 2.1a128 128 0 0 0 46.3 46.6A128 128 0 0 0 511 640c22.3.2 44.3-5.4 63.7-16.3a128 128 0 0 0 47.2-45.8l1-1.9a128 128 0 0 0 .4-127.5a128 128 0 0 0-46.4-46.9"/><path fill="currentColor" d="M394.5 334A213 213 0 0 1 512 298.7h369.6A427 427 0 0 0 512 85.3a426 426 0 0 0-171.7 36a426 426 0 0 0-142.7 102.2l118.2 204.7a213 213 0 0 1 78.6-94.2m20.4 368a213 213 0 0 1-89.6-86.9L142.5 298.6a426.8 426.8 0 0 0 276.8 630l118.2-204.7a213 213 0 0 1-122.7-22"/></svg>How to use the Chrome Filled icon
React
import { Icon } from "@iconify/react";
<Icon icon="ep:chrome-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ep:chrome-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ep:chrome-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--chrome-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:chrome-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:chrome-filled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ep/chrome-filled.svg" alt="Chrome Filled icon" width="24" height="24">Chrome Filled icon in other icon sets
Chrome Filled icon FAQ
Is the Chrome Filled icon free for commercial use?
Yes. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Chrome Filled icon in React?
Install @iconify/react and render <Icon icon="ep:chrome-filled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chrome Filled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ep/chrome-filled.svg" alt="Chrome Filled icon">, or paste the SVG code inline to style it with CSS.