logo chrome icon
logo-chrome from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-chrome
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- logo-chrome-outline, social-chrome
The same icon in other sets
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-closed-captioninglogo-codepenlogo-css3logo-designernewslogo-deviantartlogo-discordlogo-dockerlogo-dribbblelogo-dropboxlogo-edge
Use the logo chrome icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M188.8 255.93a67.2 67.2 0 1 0 67.2-67.18a67.38 67.38 0 0 0-67.2 67.18"/><path fill="currentColor" d="M476.75 217.79v.05a207 207 0 0 0-7-28.84h-.11a202 202 0 0 1 7.07 29a203.5 203.5 0 0 0-7.07-29h-155.4c19.05 17 31.36 40.17 31.36 67.05a86.55 86.55 0 0 1-12.31 44.73L231 478.45a2 2 0 0 1 0 .27v.28v-.26a224 224 0 0 0 25 1.26c6.84 0 13.61-.39 20.3-1a223 223 0 0 0 29.78-4.74C405.68 451.52 480 362.4 480 255.94a225 225 0 0 0-3.25-38.15"/><path fill="currentColor" d="M256 345.5c-33.6 0-61.6-17.91-77.29-44.79L76 123.05l-.14-.24A224 224 0 0 0 207.4 474.55v-.05l77.69-134.6a84.1 84.1 0 0 1-29.09 5.6"/><path fill="currentColor" d="m91.29 104.57l77.35 133.25A89.19 89.19 0 0 1 256 166h205.17a246.5 246.5 0 0 0-25.78-43.94l.12.08A245.3 245.3 0 0 1 461.17 166h.17a246 246 0 0 0-25.66-44a2.6 2.6 0 0 1-.35-.26a223.93 223.93 0 0 0-344.19-17.4l.14.24Z"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoChrome(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="M188.8 255.93a67.2 67.2 0 1 0 67.2-67.18a67.38 67.38 0 0 0-67.2 67.18"/><path fill="currentColor" d="M476.75 217.79v.05a207 207 0 0 0-7-28.84h-.11a202 202 0 0 1 7.07 29a203.5 203.5 0 0 0-7.07-29h-155.4c19.05 17 31.36 40.17 31.36 67.05a86.55 86.55 0 0 1-12.31 44.73L231 478.45a2 2 0 0 1 0 .27v.28v-.26a224 224 0 0 0 25 1.26c6.84 0 13.61-.39 20.3-1a223 223 0 0 0 29.78-4.74C405.68 451.52 480 362.4 480 255.94a225 225 0 0 0-3.25-38.15"/><path fill="currentColor" d="M256 345.5c-33.6 0-61.6-17.91-77.29-44.79L76 123.05l-.14-.24A224 224 0 0 0 207.4 474.55v-.05l77.69-134.6a84.1 84.1 0 0 1-29.09 5.6"/><path fill="currentColor" d="m91.29 104.57l77.35 133.25A89.19 89.19 0 0 1 256 166h205.17a246.5 246.5 0 0 0-25.78-43.94l.12.08A245.3 245.3 0 0 1 461.17 166h.17a246 246 0 0 0-25.66-44a2.6 2.6 0 0 1-.35-.26a223.93 223.93 0 0 0-344.19-17.4l.14.24Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M188.8 255.93a67.2 67.2 0 1 0 67.2-67.18a67.38 67.38 0 0 0-67.2 67.18"/><path fill="currentColor" d="M476.75 217.79v.05a207 207 0 0 0-7-28.84h-.11a202 202 0 0 1 7.07 29a203.5 203.5 0 0 0-7.07-29h-155.4c19.05 17 31.36 40.17 31.36 67.05a86.55 86.55 0 0 1-12.31 44.73L231 478.45a2 2 0 0 1 0 .27v.28v-.26a224 224 0 0 0 25 1.26c6.84 0 13.61-.39 20.3-1a223 223 0 0 0 29.78-4.74C405.68 451.52 480 362.4 480 255.94a225 225 0 0 0-3.25-38.15"/><path fill="currentColor" d="M256 345.5c-33.6 0-61.6-17.91-77.29-44.79L76 123.05l-.14-.24A224 224 0 0 0 207.4 474.55v-.05l77.69-134.6a84.1 84.1 0 0 1-29.09 5.6"/><path fill="currentColor" d="m91.29 104.57l77.35 133.25A89.19 89.19 0 0 1 256 166h205.17a246.5 246.5 0 0 0-25.78-43.94l.12.08A245.3 245.3 0 0 1 461.17 166h.17a246 246 0 0 0-25.66-44a2.6 2.6 0 0 1-.35-.26a223.93 223.93 0 0 0-344.19-17.4l.14.24Z"/></svg> </template>
CSS
.icon-logo-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%22M188.8%20255.93a67.2%2067.2%200%201%200%2067.2-67.18a67.38%2067.38%200%200%200-67.2%2067.18%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M476.75%20217.79v.05a207%20207%200%200%200-7-28.84h-.11a202%20202%200%200%201%207.07%2029a203.5%20203.5%200%200%200-7.07-29h-155.4c19.05%2017%2031.36%2040.17%2031.36%2067.05a86.55%2086.55%200%200%201-12.31%2044.73L231%20478.45a2%202%200%200%201%200%20.27v.28v-.26a224%20224%200%200%200%2025%201.26c6.84%200%2013.61-.39%2020.3-1a223%20223%200%200%200%2029.78-4.74C405.68%20451.52%20480%20362.4%20480%20255.94a225%20225%200%200%200-3.25-38.15%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20345.5c-33.6%200-61.6-17.91-77.29-44.79L76%20123.05l-.14-.24A224%20224%200%200%200%20207.4%20474.55v-.05l77.69-134.6a84.1%2084.1%200%200%201-29.09%205.6%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m91.29%20104.57l77.35%20133.25A89.19%2089.19%200%200%201%20256%20166h205.17a246.5%20246.5%200%200%200-25.78-43.94l.12.08A245.3%20245.3%200%200%201%20461.17%20166h.17a246%20246%200%200%200-25.66-44a2.6%202.6%200%200%201-.35-.26a223.93%20223.93%200%200%200-344.19-17.4l.14.24Z%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%22M188.8%20255.93a67.2%2067.2%200%201%200%2067.2-67.18a67.38%2067.38%200%200%200-67.2%2067.18%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M476.75%20217.79v.05a207%20207%200%200%200-7-28.84h-.11a202%20202%200%200%201%207.07%2029a203.5%20203.5%200%200%200-7.07-29h-155.4c19.05%2017%2031.36%2040.17%2031.36%2067.05a86.55%2086.55%200%200%201-12.31%2044.73L231%20478.45a2%202%200%200%201%200%20.27v.28v-.26a224%20224%200%200%200%2025%201.26c6.84%200%2013.61-.39%2020.3-1a223%20223%200%200%200%2029.78-4.74C405.68%20451.52%20480%20362.4%20480%20255.94a225%20225%200%200%200-3.25-38.15%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20345.5c-33.6%200-61.6-17.91-77.29-44.79L76%20123.05l-.14-.24A224%20224%200%200%200%20207.4%20474.55v-.05l77.69-134.6a84.1%2084.1%200%200%201-29.09%205.6%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m91.29%20104.57l77.35%20133.25A89.19%2089.19%200%200%201%20256%20166h205.17a246.5%20246.5%200%200%200-25.78-43.94l.12.08A245.3%20245.3%200%200%201%20461.17%20166h.17a246%20246%200%200%200-25.66-44a2.6%202.6%200%200%201-.35-.26a223.93%20223.93%200%200%200-344.19-17.4l.14.24Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/logo-chrome.svg?color=%231a73e8&size=48
