gcp logo
gcp from Catppuccin Icons by Catppuccin · Color · MIT Free for personal and commercial use.
- Name
- gcp
- Set
- Catppuccin Icons
- Style
- Color
- Viewbox
- 16×16
- License
- MIT
The same logo in other sets
Use the gcp logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none" stroke-linejoin="round"><path stroke="#ed8796" d="M5.576 5.627a3.266 3.266 0 0 1 4.451-.339h-.009h.458"/><path stroke="#ed8796" d="m11.78 3.984l.064-.553a5.87 5.87 0 0 0-3.879-1.467A5.876 5.876 0 0 0 2.309 6.29"/><path stroke="#8aadf4" d="M13.637 6.29a5.9 5.9 0 0 0-1.771-2.855l-1.83 1.83a3.26 3.26 0 0 1 1.195 2.581v.325c.893 0 1.628.735 1.628 1.628c0 .894-.735 1.629-1.628 1.629H7.973v2.608h3.291c2.324 0 4.236-1.913 4.236-4.237a4.24 4.24 0 0 0-1.863-3.509Z"/><path stroke="#a6da95" d="m2.268 12.709l-.114.457a4.2 4.2 0 0 0 2.557.851h3.258V11.41H4.711c-.232 0-.461-.05-.672-.147"/><path stroke="#eed49f" d="m3.221 12.085l.822-.822a1.63 1.63 0 0 1-.958-1.484c0-.893.735-1.629 1.629-1.629a1.63 1.63 0 0 1 1.484.958l1.89-1.889a4.24 4.24 0 0 0-3.377-1.661C2.397 5.572.5 7.48.5 9.795a4.24 4.24 0 0 0 1.654 3.358l1.067-1.068"/></g></svg>
React
import type { SVGProps } from "react";
export function CatppuccinGcp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none" strokeLinejoin="round"><path stroke="#ed8796" d="M5.576 5.627a3.266 3.266 0 0 1 4.451-.339h-.009h.458"/><path stroke="#ed8796" d="m11.78 3.984l.064-.553a5.87 5.87 0 0 0-3.879-1.467A5.876 5.876 0 0 0 2.309 6.29"/><path stroke="#8aadf4" d="M13.637 6.29a5.9 5.9 0 0 0-1.771-2.855l-1.83 1.83a3.26 3.26 0 0 1 1.195 2.581v.325c.893 0 1.628.735 1.628 1.628c0 .894-.735 1.629-1.628 1.629H7.973v2.608h3.291c2.324 0 4.236-1.913 4.236-4.237a4.24 4.24 0 0 0-1.863-3.509Z"/><path stroke="#a6da95" d="m2.268 12.709l-.114.457a4.2 4.2 0 0 0 2.557.851h3.258V11.41H4.711c-.232 0-.461-.05-.672-.147"/><path stroke="#eed49f" d="m3.221 12.085l.822-.822a1.63 1.63 0 0 1-.958-1.484c0-.893.735-1.629 1.629-1.629a1.63 1.63 0 0 1 1.484.958l1.89-1.889a4.24 4.24 0 0 0-3.377-1.661C2.397 5.572.5 7.48.5 9.795a4.24 4.24 0 0 0 1.654 3.358l1.067-1.068"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none" stroke-linejoin="round"><path stroke="#ed8796" d="M5.576 5.627a3.266 3.266 0 0 1 4.451-.339h-.009h.458"/><path stroke="#ed8796" d="m11.78 3.984l.064-.553a5.87 5.87 0 0 0-3.879-1.467A5.876 5.876 0 0 0 2.309 6.29"/><path stroke="#8aadf4" d="M13.637 6.29a5.9 5.9 0 0 0-1.771-2.855l-1.83 1.83a3.26 3.26 0 0 1 1.195 2.581v.325c.893 0 1.628.735 1.628 1.628c0 .894-.735 1.629-1.628 1.629H7.973v2.608h3.291c2.324 0 4.236-1.913 4.236-4.237a4.24 4.24 0 0 0-1.863-3.509Z"/><path stroke="#a6da95" d="m2.268 12.709l-.114.457a4.2 4.2 0 0 0 2.557.851h3.258V11.41H4.711c-.232 0-.461-.05-.672-.147"/><path stroke="#eed49f" d="m3.221 12.085l.822-.822a1.63 1.63 0 0 1-.958-1.484c0-.893.735-1.629 1.629-1.629a1.63 1.63 0 0 1 1.484.958l1.89-1.889a4.24 4.24 0 0 0-3.377-1.661C2.397 5.572.5 7.48.5 9.795a4.24 4.24 0 0 0 1.654 3.358l1.067-1.068"/></g></svg> </template>
CSS
.icon-gcp {
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%2016%2016%22%3E%3Cg%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke%3D%22%23ed8796%22%20d%3D%22M5.576%205.627a3.266%203.266%200%200%201%204.451-.339h-.009h.458%22%2F%3E%3Cpath%20stroke%3D%22%23ed8796%22%20d%3D%22m11.78%203.984l.064-.553a5.87%205.87%200%200%200-3.879-1.467A5.876%205.876%200%200%200%202.309%206.29%22%2F%3E%3Cpath%20stroke%3D%22%238aadf4%22%20d%3D%22M13.637%206.29a5.9%205.9%200%200%200-1.771-2.855l-1.83%201.83a3.26%203.26%200%200%201%201.195%202.581v.325c.893%200%201.628.735%201.628%201.628c0%20.894-.735%201.629-1.628%201.629H7.973v2.608h3.291c2.324%200%204.236-1.913%204.236-4.237a4.24%204.24%200%200%200-1.863-3.509Z%22%2F%3E%3Cpath%20stroke%3D%22%23a6da95%22%20d%3D%22m2.268%2012.709l-.114.457a4.2%204.2%200%200%200%202.557.851h3.258V11.41H4.711c-.232%200-.461-.05-.672-.147%22%2F%3E%3Cpath%20stroke%3D%22%23eed49f%22%20d%3D%22m3.221%2012.085l.822-.822a1.63%201.63%200%200%201-.958-1.484c0-.893.735-1.629%201.629-1.629a1.63%201.63%200%200%201%201.484.958l1.89-1.889a4.24%204.24%200%200%200-3.377-1.661C2.397%205.572.5%207.48.5%209.795a4.24%204.24%200%200%200%201.654%203.358l1.067-1.068%22%2F%3E%3C%2Fg%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%2016%2016%22%3E%3Cg%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke%3D%22%23ed8796%22%20d%3D%22M5.576%205.627a3.266%203.266%200%200%201%204.451-.339h-.009h.458%22%2F%3E%3Cpath%20stroke%3D%22%23ed8796%22%20d%3D%22m11.78%203.984l.064-.553a5.87%205.87%200%200%200-3.879-1.467A5.876%205.876%200%200%200%202.309%206.29%22%2F%3E%3Cpath%20stroke%3D%22%238aadf4%22%20d%3D%22M13.637%206.29a5.9%205.9%200%200%200-1.771-2.855l-1.83%201.83a3.26%203.26%200%200%201%201.195%202.581v.325c.893%200%201.628.735%201.628%201.628c0%20.894-.735%201.629-1.628%201.629H7.973v2.608h3.291c2.324%200%204.236-1.913%204.236-4.237a4.24%204.24%200%200%200-1.863-3.509Z%22%2F%3E%3Cpath%20stroke%3D%22%23a6da95%22%20d%3D%22m2.268%2012.709l-.114.457a4.2%204.2%200%200%200%202.557.851h3.258V11.41H4.711c-.232%200-.461-.05-.672-.147%22%2F%3E%3Cpath%20stroke%3D%22%23eed49f%22%20d%3D%22m3.221%2012.085l.822-.822a1.63%201.63%200%200%201-.958-1.484c0-.893.735-1.629%201.629-1.629a1.63%201.63%200%200%201%201.484.958l1.89-1.889a4.24%204.24%200%200%200-3.377-1.661C2.397%205.572.5%207.48.5%209.795a4.24%204.24%200%200%200%201.654%203.358l1.067-1.068%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/catppuccin/gcp.svg?color=%231a73e8&size=48
