chrome icon

chrome-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.

Name: chrome-filled
Set: Ant Design Icons
Style: Filled
Viewbox: 1024×1024
License: MIT
Aliases: chrome-fill

1 other variant in Ant Design Icons

The same icon in other sets

chromeBoxicons Brands chromeDevicon chromeFont Awesome 6 Brands chromeFont Awesome Brands chromeFeather Icons chromeHuge Icons chromeLine Awesome chromeSVG Logos chromeLucide chromeMaterial Icon Theme chrome-fillMingCute Icon chromeMyna UI Icons chromeOpenMoji chrome-fillRemix Icon chrome-outlineTeenyicons

Use the chrome icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M371.8 512c0 77.5 62.7 140.2 140.2 140.2S652.2 589.5 652.2 512S589.5 371.8 512 371.8S371.8 434.4 371.8 512M900 362.4l-234.3 12.1c63.6 74.3 64.6 181.5 11.1 263.7l-188 289.2c78 4.2 158.4-12.9 231.2-55.2c180-104 253-322.1 180-509.8M320.3 591.9L163.8 284.1A415.35 415.35 0 0 0 96 512c0 208 152.3 380.3 351.4 410.8l106.9-209.4c-96.6 18.2-189.9-34.8-234-121.5m218.5-285.5l344.4 18.1C848 254.7 792.6 194 719.8 151.7C653.9 113.6 581.5 95.5 510.5 96c-122.5.5-242.2 55.2-322.1 154.5l128.2 196.9c32-91.9 124.8-146.7 222.2-141"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignChromeFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M371.8 512c0 77.5 62.7 140.2 140.2 140.2S652.2 589.5 652.2 512S589.5 371.8 512 371.8S371.8 434.4 371.8 512M900 362.4l-234.3 12.1c63.6 74.3 64.6 181.5 11.1 263.7l-188 289.2c78 4.2 158.4-12.9 231.2-55.2c180-104 253-322.1 180-509.8M320.3 591.9L163.8 284.1A415.35 415.35 0 0 0 96 512c0 208 152.3 380.3 351.4 410.8l106.9-209.4c-96.6 18.2-189.9-34.8-234-121.5m218.5-285.5l344.4 18.1C848 254.7 792.6 194 719.8 151.7C653.9 113.6 581.5 95.5 510.5 96c-122.5.5-242.2 55.2-322.1 154.5l128.2 196.9c32-91.9 124.8-146.7 222.2-141"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M371.8 512c0 77.5 62.7 140.2 140.2 140.2S652.2 589.5 652.2 512S589.5 371.8 512 371.8S371.8 434.4 371.8 512M900 362.4l-234.3 12.1c63.6 74.3 64.6 181.5 11.1 263.7l-188 289.2c78 4.2 158.4-12.9 231.2-55.2c180-104 253-322.1 180-509.8M320.3 591.9L163.8 284.1A415.35 415.35 0 0 0 96 512c0 208 152.3 380.3 351.4 410.8l106.9-209.4c-96.6 18.2-189.9-34.8-234-121.5m218.5-285.5l344.4 18.1C848 254.7 792.6 194 719.8 151.7C653.9 113.6 581.5 95.5 510.5 96c-122.5.5-242.2 55.2-322.1 154.5l128.2 196.9c32-91.9 124.8-146.7 222.2-141"/></svg>
</template>

CSS

.icon-chrome-filled {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M371.8%20512c0%2077.5%2062.7%20140.2%20140.2%20140.2S652.2%20589.5%20652.2%20512S589.5%20371.8%20512%20371.8S371.8%20434.4%20371.8%20512M900%20362.4l-234.3%2012.1c63.6%2074.3%2064.6%20181.5%2011.1%20263.7l-188%20289.2c78%204.2%20158.4-12.9%20231.2-55.2c180-104%20253-322.1%20180-509.8M320.3%20591.9L163.8%20284.1A415.35%20415.35%200%200%200%2096%20512c0%20208%20152.3%20380.3%20351.4%20410.8l106.9-209.4c-96.6%2018.2-189.9-34.8-234-121.5m218.5-285.5l344.4%2018.1C848%20254.7%20792.6%20194%20719.8%20151.7C653.9%20113.6%20581.5%2095.5%20510.5%2096c-122.5.5-242.2%2055.2-322.1%20154.5l128.2%20196.9c32-91.9%20124.8-146.7%20222.2-141%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M371.8%20512c0%2077.5%2062.7%20140.2%20140.2%20140.2S652.2%20589.5%20652.2%20512S589.5%20371.8%20512%20371.8S371.8%20434.4%20371.8%20512M900%20362.4l-234.3%2012.1c63.6%2074.3%2064.6%20181.5%2011.1%20263.7l-188%20289.2c78%204.2%20158.4-12.9%20231.2-55.2c180-104%20253-322.1%20180-509.8M320.3%20591.9L163.8%20284.1A415.35%20415.35%200%200%200%2096%20512c0%20208%20152.3%20380.3%20351.4%20410.8l106.9-209.4c-96.6%2018.2-189.9-34.8-234-121.5m218.5-285.5l344.4%2018.1C848%20254.7%20792.6%20194%20719.8%20151.7C653.9%20113.6%20581.5%2095.5%20510.5%2096c-122.5.5-242.2%2055.2-322.1%20154.5l128.2%20196.9c32-91.9%20124.8-146.7%20222.2-141%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/chrome-filled.svg?color=%231a73e8&size=48