chrome logo

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

Name: chrome
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 512×512
License: CC BY 4.0

The same logo in other sets

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 256c0-46.6 12.47-90.4 34.27-128.9L144.1 318.3C166 357.5 207.9 384 256 384c14.3 0 27.1-2.3 40.8-6.6l-76.3 132.2C95.9 492.3 0 385.3 0 256m365.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 256zM477.8 128H256c-62.9 0-113.7 44.1-125.5 102.7L54.19 98.47C101 38.53 174 0 256 0c94.8 0 177.5 51.48 221.8 128M168 256c0-48.6 39.4-88 88-88s88 39.4 88 88s-39.4 88-88 88s-88-39.4-88-88"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsChrome(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 256c0-46.6 12.47-90.4 34.27-128.9L144.1 318.3C166 357.5 207.9 384 256 384c14.3 0 27.1-2.3 40.8-6.6l-76.3 132.2C95.9 492.3 0 385.3 0 256m365.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 256zM477.8 128H256c-62.9 0-113.7 44.1-125.5 102.7L54.19 98.47C101 38.53 174 0 256 0c94.8 0 177.5 51.48 221.8 128M168 256c0-48.6 39.4-88 88-88s88 39.4 88 88s-39.4 88-88 88s-88-39.4-88-88"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 256c0-46.6 12.47-90.4 34.27-128.9L144.1 318.3C166 357.5 207.9 384 256 384c14.3 0 27.1-2.3 40.8-6.6l-76.3 132.2C95.9 492.3 0 385.3 0 256m365.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 256zM477.8 128H256c-62.9 0-113.7 44.1-125.5 102.7L54.19 98.47C101 38.53 174 0 256 0c94.8 0 177.5 51.48 221.8 128M168 256c0-48.6 39.4-88 88-88s88 39.4 88 88s-39.4 88-88 88s-88-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%20256c0-46.6%2012.47-90.4%2034.27-128.9L144.1%20318.3C166%20357.5%20207.9%20384%20256%20384c14.3%200%2027.1-2.3%2040.8-6.6l-76.3%20132.2C95.9%20492.3%200%20385.3%200%20256m365.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%20256zM477.8%20128H256c-62.9%200-113.7%2044.1-125.5%20102.7L54.19%2098.47C101%2038.53%20174%200%20256%200c94.8%200%20177.5%2051.48%20221.8%20128M168%20256c0-48.6%2039.4-88%2088-88s88%2039.4%2088%2088s-39.4%2088-88%2088s-88-39.4-88-88%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%20256c0-46.6%2012.47-90.4%2034.27-128.9L144.1%20318.3C166%20357.5%20207.9%20384%20256%20384c14.3%200%2027.1-2.3%2040.8-6.6l-76.3%20132.2C95.9%20492.3%200%20385.3%200%20256m365.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%20256zM477.8%20128H256c-62.9%200-113.7%2044.1-125.5%20102.7L54.19%2098.47C101%2038.53%20174%200%20256%200c94.8%200%20177.5%2051.48%20221.8%20128M168%20256c0-48.6%2039.4-88%2088-88s88%2039.4%2088%2088s-39.4%2088-88%2088s-88-39.4-88-88%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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