chrome icon

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

Name: chrome-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: chrome, chrome-outline

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="M928 512.3v-.3c0-229.8-186.2-416-416-416S96 282.2 96 512v.4c0 229.8 186.2 416 416 416s416-186.2 416-416v-.3zm-6.7-74.6l.6 3.3zM676.7 638.2c53.5-82.2 52.5-189.4-11.1-263.7l162.4-8.4c20.5 44.4 32 93.8 32 145.9c0 185.2-144.6 336.6-327.1 347.4zM512 652.3c-77.5 0-140.2-62.7-140.2-140.2c0-77.7 62.7-140.2 140.2-140.2S652.2 434.5 652.2 512S589.5 652.3 512 652.3m369.2-331.7l-3-5.7zM512 164c121.3 0 228.2 62.1 290.4 156.2l-263.6-13.9c-97.5-5.7-190.2 49.2-222.3 141.1L227.8 311c63.1-88.9 166.9-147 284.2-147M102.5 585.8c26 145 127.1 264 261.6 315.1C229.6 850 128.5 731 102.5 585.8M164 512c0-55.9 13.2-108.7 36.6-155.5l119.7 235.4c44.1 86.7 137.4 139.7 234 121.6l-74 145.1C302.9 842.5 164 693.5 164 512m324.7 415.4c4 .2 8 .4 12 .5c-4-.2-8-.3-12-.5"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignChromeOutlined(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="M928 512.3v-.3c0-229.8-186.2-416-416-416S96 282.2 96 512v.4c0 229.8 186.2 416 416 416s416-186.2 416-416v-.3zm-6.7-74.6l.6 3.3zM676.7 638.2c53.5-82.2 52.5-189.4-11.1-263.7l162.4-8.4c20.5 44.4 32 93.8 32 145.9c0 185.2-144.6 336.6-327.1 347.4zM512 652.3c-77.5 0-140.2-62.7-140.2-140.2c0-77.7 62.7-140.2 140.2-140.2S652.2 434.5 652.2 512S589.5 652.3 512 652.3m369.2-331.7l-3-5.7zM512 164c121.3 0 228.2 62.1 290.4 156.2l-263.6-13.9c-97.5-5.7-190.2 49.2-222.3 141.1L227.8 311c63.1-88.9 166.9-147 284.2-147M102.5 585.8c26 145 127.1 264 261.6 315.1C229.6 850 128.5 731 102.5 585.8M164 512c0-55.9 13.2-108.7 36.6-155.5l119.7 235.4c44.1 86.7 137.4 139.7 234 121.6l-74 145.1C302.9 842.5 164 693.5 164 512m324.7 415.4c4 .2 8 .4 12 .5c-4-.2-8-.3-12-.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M928 512.3v-.3c0-229.8-186.2-416-416-416S96 282.2 96 512v.4c0 229.8 186.2 416 416 416s416-186.2 416-416v-.3zm-6.7-74.6l.6 3.3zM676.7 638.2c53.5-82.2 52.5-189.4-11.1-263.7l162.4-8.4c20.5 44.4 32 93.8 32 145.9c0 185.2-144.6 336.6-327.1 347.4zM512 652.3c-77.5 0-140.2-62.7-140.2-140.2c0-77.7 62.7-140.2 140.2-140.2S652.2 434.5 652.2 512S589.5 652.3 512 652.3m369.2-331.7l-3-5.7zM512 164c121.3 0 228.2 62.1 290.4 156.2l-263.6-13.9c-97.5-5.7-190.2 49.2-222.3 141.1L227.8 311c63.1-88.9 166.9-147 284.2-147M102.5 585.8c26 145 127.1 264 261.6 315.1C229.6 850 128.5 731 102.5 585.8M164 512c0-55.9 13.2-108.7 36.6-155.5l119.7 235.4c44.1 86.7 137.4 139.7 234 121.6l-74 145.1C302.9 842.5 164 693.5 164 512m324.7 415.4c4 .2 8 .4 12 .5c-4-.2-8-.3-12-.5"/></svg>
</template>

CSS

.icon-chrome-outlined {
  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%22M928%20512.3v-.3c0-229.8-186.2-416-416-416S96%20282.2%2096%20512v.4c0%20229.8%20186.2%20416%20416%20416s416-186.2%20416-416v-.3zm-6.7-74.6l.6%203.3zM676.7%20638.2c53.5-82.2%2052.5-189.4-11.1-263.7l162.4-8.4c20.5%2044.4%2032%2093.8%2032%20145.9c0%20185.2-144.6%20336.6-327.1%20347.4zM512%20652.3c-77.5%200-140.2-62.7-140.2-140.2c0-77.7%2062.7-140.2%20140.2-140.2S652.2%20434.5%20652.2%20512S589.5%20652.3%20512%20652.3m369.2-331.7l-3-5.7zM512%20164c121.3%200%20228.2%2062.1%20290.4%20156.2l-263.6-13.9c-97.5-5.7-190.2%2049.2-222.3%20141.1L227.8%20311c63.1-88.9%20166.9-147%20284.2-147M102.5%20585.8c26%20145%20127.1%20264%20261.6%20315.1C229.6%20850%20128.5%20731%20102.5%20585.8M164%20512c0-55.9%2013.2-108.7%2036.6-155.5l119.7%20235.4c44.1%2086.7%20137.4%20139.7%20234%20121.6l-74%20145.1C302.9%20842.5%20164%20693.5%20164%20512m324.7%20415.4c4%20.2%208%20.4%2012%20.5c-4-.2-8-.3-12-.5%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%22M928%20512.3v-.3c0-229.8-186.2-416-416-416S96%20282.2%2096%20512v.4c0%20229.8%20186.2%20416%20416%20416s416-186.2%20416-416v-.3zm-6.7-74.6l.6%203.3zM676.7%20638.2c53.5-82.2%2052.5-189.4-11.1-263.7l162.4-8.4c20.5%2044.4%2032%2093.8%2032%20145.9c0%20185.2-144.6%20336.6-327.1%20347.4zM512%20652.3c-77.5%200-140.2-62.7-140.2-140.2c0-77.7%2062.7-140.2%20140.2-140.2S652.2%20434.5%20652.2%20512S589.5%20652.3%20512%20652.3m369.2-331.7l-3-5.7zM512%20164c121.3%200%20228.2%2062.1%20290.4%20156.2l-263.6-13.9c-97.5-5.7-190.2%2049.2-222.3%20141.1L227.8%20311c63.1-88.9%20166.9-147%20284.2-147M102.5%20585.8c26%20145%20127.1%20264%20261.6%20315.1C229.6%20850%20128.5%20731%20102.5%20585.8M164%20512c0-55.9%2013.2-108.7%2036.6-155.5l119.7%20235.4c44.1%2086.7%20137.4%20139.7%20234%20121.6l-74%20145.1C302.9%20842.5%20164%20693.5%20164%20512m324.7%20415.4c4%20.2%208%20.4%2012%20.5c-4-.2-8-.3-12-.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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