chrome logo

chrome from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: chrome
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

chrome-filledAnt Design Icons chromeBoxicons Brands chromeDevicon chromeFont Awesome 6 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 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 320c0-46.6 12.5-90.4 34.3-128.9l109.8 191.2C230 421.5 271.9 448 320 448c14.3 0 27.1-2.3 40.8-6.6l-76.3 132.2C159.9 556.3 64 449.3 64 320m365.1 65.6c12.3-19.2 18.9-42.5 18.9-65.6c0-38.2-16.8-72.5-43.3-96h152.7c12 29.6 18.6 62.1 18.6 96c0 141.4-114.6 255.1-256 256zM541.8 192H320c-62.9 0-113.7 44.1-125.5 102.7l-76.3-132.2C165 102.5 238 64 320 64c94.8 0 177.5 51.5 221.8 128M408 320c0 48.6-39.4 88-88 88s-88-39.4-88-88s39.4-88 88-88s88 39.4 88 88"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsChrome(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 320c0-46.6 12.5-90.4 34.3-128.9l109.8 191.2C230 421.5 271.9 448 320 448c14.3 0 27.1-2.3 40.8-6.6l-76.3 132.2C159.9 556.3 64 449.3 64 320m365.1 65.6c12.3-19.2 18.9-42.5 18.9-65.6c0-38.2-16.8-72.5-43.3-96h152.7c12 29.6 18.6 62.1 18.6 96c0 141.4-114.6 255.1-256 256zM541.8 192H320c-62.9 0-113.7 44.1-125.5 102.7l-76.3-132.2C165 102.5 238 64 320 64c94.8 0 177.5 51.5 221.8 128M408 320c0 48.6-39.4 88-88 88s-88-39.4-88-88s39.4-88 88-88s88 39.4 88 88"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 320c0-46.6 12.5-90.4 34.3-128.9l109.8 191.2C230 421.5 271.9 448 320 448c14.3 0 27.1-2.3 40.8-6.6l-76.3 132.2C159.9 556.3 64 449.3 64 320m365.1 65.6c12.3-19.2 18.9-42.5 18.9-65.6c0-38.2-16.8-72.5-43.3-96h152.7c12 29.6 18.6 62.1 18.6 96c0 141.4-114.6 255.1-256 256zM541.8 192H320c-62.9 0-113.7 44.1-125.5 102.7l-76.3-132.2C165 102.5 238 64 320 64c94.8 0 177.5 51.5 221.8 128M408 320c0 48.6-39.4 88-88 88s-88-39.4-88-88s39.4-88 88-88s88 39.4 88 88"/></svg>
</template>

CSS

.icon-chrome {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20320c0-46.6%2012.5-90.4%2034.3-128.9l109.8%20191.2C230%20421.5%20271.9%20448%20320%20448c14.3%200%2027.1-2.3%2040.8-6.6l-76.3%20132.2C159.9%20556.3%2064%20449.3%2064%20320m365.1%2065.6c12.3-19.2%2018.9-42.5%2018.9-65.6c0-38.2-16.8-72.5-43.3-96h152.7c12%2029.6%2018.6%2062.1%2018.6%2096c0%20141.4-114.6%20255.1-256%20256zM541.8%20192H320c-62.9%200-113.7%2044.1-125.5%20102.7l-76.3-132.2C165%20102.5%20238%2064%20320%2064c94.8%200%20177.5%2051.5%20221.8%20128M408%20320c0%2048.6-39.4%2088-88%2088s-88-39.4-88-88s39.4-88%2088-88s88%2039.4%2088%2088%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20320c0-46.6%2012.5-90.4%2034.3-128.9l109.8%20191.2C230%20421.5%20271.9%20448%20320%20448c14.3%200%2027.1-2.3%2040.8-6.6l-76.3%20132.2C159.9%20556.3%2064%20449.3%2064%20320m365.1%2065.6c12.3-19.2%2018.9-42.5%2018.9-65.6c0-38.2-16.8-72.5-43.3-96h152.7c12%2029.6%2018.6%2062.1%2018.6%2096c0%20141.4-114.6%20255.1-256%20256zM541.8%20192H320c-62.9%200-113.7%2044.1-125.5%20102.7l-76.3-132.2C165%20102.5%20238%2064%20320%2064c94.8%200%20177.5%2051.5%20221.8%20128M408%20320c0%2048.6-39.4%2088-88%2088s-88-39.4-88-88s39.4-88%2088-88s88%2039.4%2088%2088%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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