chrome logo
chrome from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- chrome
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
chrome-filledAnt Design IconschromeBoxicons BrandschromeDeviconchromeFont Awesome 6 BrandschromeFont Awesome BrandschromeFeather IconschromeHuge IconschromeLine AwesomechromeLucidechromeMaterial Icon Themechrome-fillMingCute IconchromeMyna UI IconschromeOpenMojichrome-fillRemix Iconchrome-outlineTeenyicons
Related icons in SVG Logos
Use the chrome logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#fff" d="M128.003 199.216c39.335 0 71.221-31.888 71.221-71.223S167.338 56.77 128.003 56.77S56.78 88.658 56.78 127.993s31.887 71.223 71.222 71.223"/><path fill="#229342" d="M35.89 92.997Q27.92 79.192 17.154 64.02a127.98 127.98 0 0 0 110.857 191.981q17.671-24.785 23.996-35.74q12.148-21.042 31.423-60.251v-.015a63.993 63.993 0 0 1-110.857.017Q46.395 111.19 35.89 92.998"/><path fill="#fbc116" d="M128.008 255.996A127.97 127.97 0 0 0 256 127.997A128 128 0 0 0 238.837 64q-36.372-3.585-53.686-3.585q-19.632 0-57.152 3.585l-.014.01a63.99 63.99 0 0 1 55.444 31.987a63.99 63.99 0 0 1-.001 64.01z"/><path fill="#1a73e8" d="M128.003 178.677c27.984 0 50.669-22.685 50.669-50.67s-22.685-50.67-50.67-50.67c-27.983 0-50.669 22.686-50.669 50.67s22.686 50.67 50.67 50.67"/><path fill="#e33b2e" d="M128.003 64.004H238.84a127.973 127.973 0 0 0-221.685.015l55.419 95.99l.015.008a63.993 63.993 0 0 1 55.415-96.014z"/></svg>
React
import type { SVGProps } from "react";
export function LogosChrome(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#fff" d="M128.003 199.216c39.335 0 71.221-31.888 71.221-71.223S167.338 56.77 128.003 56.77S56.78 88.658 56.78 127.993s31.887 71.223 71.222 71.223"/><path fill="#229342" d="M35.89 92.997Q27.92 79.192 17.154 64.02a127.98 127.98 0 0 0 110.857 191.981q17.671-24.785 23.996-35.74q12.148-21.042 31.423-60.251v-.015a63.993 63.993 0 0 1-110.857.017Q46.395 111.19 35.89 92.998"/><path fill="#fbc116" d="M128.008 255.996A127.97 127.97 0 0 0 256 127.997A128 128 0 0 0 238.837 64q-36.372-3.585-53.686-3.585q-19.632 0-57.152 3.585l-.014.01a63.99 63.99 0 0 1 55.444 31.987a63.99 63.99 0 0 1-.001 64.01z"/><path fill="#1a73e8" d="M128.003 178.677c27.984 0 50.669-22.685 50.669-50.67s-22.685-50.67-50.67-50.67c-27.983 0-50.669 22.686-50.669 50.67s22.686 50.67 50.67 50.67"/><path fill="#e33b2e" d="M128.003 64.004H238.84a127.973 127.973 0 0 0-221.685.015l55.419 95.99l.015.008a63.993 63.993 0 0 1 55.415-96.014z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#fff" d="M128.003 199.216c39.335 0 71.221-31.888 71.221-71.223S167.338 56.77 128.003 56.77S56.78 88.658 56.78 127.993s31.887 71.223 71.222 71.223"/><path fill="#229342" d="M35.89 92.997Q27.92 79.192 17.154 64.02a127.98 127.98 0 0 0 110.857 191.981q17.671-24.785 23.996-35.74q12.148-21.042 31.423-60.251v-.015a63.993 63.993 0 0 1-110.857.017Q46.395 111.19 35.89 92.998"/><path fill="#fbc116" d="M128.008 255.996A127.97 127.97 0 0 0 256 127.997A128 128 0 0 0 238.837 64q-36.372-3.585-53.686-3.585q-19.632 0-57.152 3.585l-.014.01a63.99 63.99 0 0 1 55.444 31.987a63.99 63.99 0 0 1-.001 64.01z"/><path fill="#1a73e8" d="M128.003 178.677c27.984 0 50.669-22.685 50.669-50.67s-22.685-50.67-50.67-50.67c-27.983 0-50.669 22.686-50.669 50.67s22.686 50.67 50.67 50.67"/><path fill="#e33b2e" d="M128.003 64.004H238.84a127.973 127.973 0 0 0-221.685.015l55.419 95.99l.015.008a63.993 63.993 0 0 1 55.415-96.014z"/></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%20256%20256%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128.003%20199.216c39.335%200%2071.221-31.888%2071.221-71.223S167.338%2056.77%20128.003%2056.77S56.78%2088.658%2056.78%20127.993s31.887%2071.223%2071.222%2071.223%22%2F%3E%3Cpath%20fill%3D%22%23229342%22%20d%3D%22M35.89%2092.997Q27.92%2079.192%2017.154%2064.02a127.98%20127.98%200%200%200%20110.857%20191.981q17.671-24.785%2023.996-35.74q12.148-21.042%2031.423-60.251v-.015a63.993%2063.993%200%200%201-110.857.017Q46.395%20111.19%2035.89%2092.998%22%2F%3E%3Cpath%20fill%3D%22%23fbc116%22%20d%3D%22M128.008%20255.996A127.97%20127.97%200%200%200%20256%20127.997A128%20128%200%200%200%20238.837%2064q-36.372-3.585-53.686-3.585q-19.632%200-57.152%203.585l-.014.01a63.99%2063.99%200%200%201%2055.444%2031.987a63.99%2063.99%200%200%201-.001%2064.01z%22%2F%3E%3Cpath%20fill%3D%22%231a73e8%22%20d%3D%22M128.003%20178.677c27.984%200%2050.669-22.685%2050.669-50.67s-22.685-50.67-50.67-50.67c-27.983%200-50.669%2022.686-50.669%2050.67s22.686%2050.67%2050.67%2050.67%22%2F%3E%3Cpath%20fill%3D%22%23e33b2e%22%20d%3D%22M128.003%2064.004H238.84a127.973%20127.973%200%200%200-221.685.015l55.419%2095.99l.015.008a63.993%2063.993%200%200%201%2055.415-96.014z%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128.003%20199.216c39.335%200%2071.221-31.888%2071.221-71.223S167.338%2056.77%20128.003%2056.77S56.78%2088.658%2056.78%20127.993s31.887%2071.223%2071.222%2071.223%22%2F%3E%3Cpath%20fill%3D%22%23229342%22%20d%3D%22M35.89%2092.997Q27.92%2079.192%2017.154%2064.02a127.98%20127.98%200%200%200%20110.857%20191.981q17.671-24.785%2023.996-35.74q12.148-21.042%2031.423-60.251v-.015a63.993%2063.993%200%200%201-110.857.017Q46.395%20111.19%2035.89%2092.998%22%2F%3E%3Cpath%20fill%3D%22%23fbc116%22%20d%3D%22M128.008%20255.996A127.97%20127.97%200%200%200%20256%20127.997A128%20128%200%200%200%20238.837%2064q-36.372-3.585-53.686-3.585q-19.632%200-57.152%203.585l-.014.01a63.99%2063.99%200%200%201%2055.444%2031.987a63.99%2063.99%200%200%201-.001%2064.01z%22%2F%3E%3Cpath%20fill%3D%22%231a73e8%22%20d%3D%22M128.003%20178.677c27.984%200%2050.669-22.685%2050.669-50.67s-22.685-50.67-50.67-50.67c-27.983%200-50.669%2022.686-50.669%2050.67s22.686%2050.67%2050.67%2050.67%22%2F%3E%3Cpath%20fill%3D%22%23e33b2e%22%20d%3D%22M128.003%2064.004H238.84a127.973%20127.973%200%200%200-221.685.015l55.419%2095.99l.015.008a63.993%2063.993%200%200%201%2055.415-96.014z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/chrome.svg?color=%231a73e8&size=48
