gulf logo
gulf-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- gulf-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the gulf logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd127)"><path fill="#47c9e3" d="M24 0H0v24h24z"/><path fill="#000" d="M12.445 5.778a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778M9.778 7.4v1.2c0 .16.138.29.311.29h1.445c1.08 0 1.8.635 1.8 1.644v.577h-1.245a3.6 3.6 0 0 0-3.644 3.556c0 1.964 1.63 3.555 3.644 3.555h1.378a.306.306 0 0 0 .311-.31v-2.934a.32.32 0 0 0-.324-.311h-1.698c-.111 0-.2.098-.2.213v.907c0 .115.089.213.2.213h.689v.445h-.396a1.805 1.805 0 0 1-1.69-1.088a1.8 1.8 0 0 1-.15-.69c0-.978.827-1.778 1.84-1.778h2.81c.137 0 .253-.124.253-.275v-2.125c0-1.853-1.614-3.378-3.6-3.378h-1.423c-.173 0-.31.134-.31.29"/><path fill="#000" d="M11.556 6.223H12v1.333h-.444zm0 11.555H12V20h-.444zm.889-11.555h.444v1.333h-.444zm0 12h.444V20h-.444zm5.333-9.534l-.325-.244l-.817.889h-1.97v.444h2.17zM6.222 12.245L6.547 12l.818.888h1.968v.445H7.165zm12.445-.933l-.33.244l-.826-.889h-2.844v-.444h3.044zM5.334 14.867l.328.244l.827-.888h2.844v-.445H6.29z"/><path fill="#000" d="m17.779 12.2l-.33.245l-.826-.89h-2.4v-.444h2.6zM6.223 15.756l.329.244l.827-.889h2.4v-.444h-2.6z"/><path fill="#000" d="m16.89 13.089l-.355.244l-.876-.889h-1.88V12h2.093zm-9.778 3.555l.356.245l.875-.889h1.88v-.444H8.13z"/></g><defs><clipPath id="SVGHcSWxdhd127"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedGulfBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd127)"><path fill="#47c9e3" d="M24 0H0v24h24z"/><path fill="#000" d="M12.445 5.778a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778M9.778 7.4v1.2c0 .16.138.29.311.29h1.445c1.08 0 1.8.635 1.8 1.644v.577h-1.245a3.6 3.6 0 0 0-3.644 3.556c0 1.964 1.63 3.555 3.644 3.555h1.378a.306.306 0 0 0 .311-.31v-2.934a.32.32 0 0 0-.324-.311h-1.698c-.111 0-.2.098-.2.213v.907c0 .115.089.213.2.213h.689v.445h-.396a1.805 1.805 0 0 1-1.69-1.088a1.8 1.8 0 0 1-.15-.69c0-.978.827-1.778 1.84-1.778h2.81c.137 0 .253-.124.253-.275v-2.125c0-1.853-1.614-3.378-3.6-3.378h-1.423c-.173 0-.31.134-.31.29"/><path fill="#000" d="M11.556 6.223H12v1.333h-.444zm0 11.555H12V20h-.444zm.889-11.555h.444v1.333h-.444zm0 12h.444V20h-.444zm5.333-9.534l-.325-.244l-.817.889h-1.97v.444h2.17zM6.222 12.245L6.547 12l.818.888h1.968v.445H7.165zm12.445-.933l-.33.244l-.826-.889h-2.844v-.444h3.044zM5.334 14.867l.328.244l.827-.888h2.844v-.445H6.29z"/><path fill="#000" d="m17.779 12.2l-.33.245l-.826-.89h-2.4v-.444h2.6zM6.223 15.756l.329.244l.827-.889h2.4v-.444h-2.6z"/><path fill="#000" d="m16.89 13.089l-.355.244l-.876-.889h-1.88V12h2.093zm-9.778 3.555l.356.245l.875-.889h1.88v-.444H8.13z"/></g><defs><clipPath id="SVGHcSWxdhd127"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd127)"><path fill="#47c9e3" d="M24 0H0v24h24z"/><path fill="#000" d="M12.445 5.778a.889.889 0 1 0 0-1.778a.889.889 0 0 0 0 1.778M9.778 7.4v1.2c0 .16.138.29.311.29h1.445c1.08 0 1.8.635 1.8 1.644v.577h-1.245a3.6 3.6 0 0 0-3.644 3.556c0 1.964 1.63 3.555 3.644 3.555h1.378a.306.306 0 0 0 .311-.31v-2.934a.32.32 0 0 0-.324-.311h-1.698c-.111 0-.2.098-.2.213v.907c0 .115.089.213.2.213h.689v.445h-.396a1.805 1.805 0 0 1-1.69-1.088a1.8 1.8 0 0 1-.15-.69c0-.978.827-1.778 1.84-1.778h2.81c.137 0 .253-.124.253-.275v-2.125c0-1.853-1.614-3.378-3.6-3.378h-1.423c-.173 0-.31.134-.31.29"/><path fill="#000" d="M11.556 6.223H12v1.333h-.444zm0 11.555H12V20h-.444zm.889-11.555h.444v1.333h-.444zm0 12h.444V20h-.444zm5.333-9.534l-.325-.244l-.817.889h-1.97v.444h2.17zM6.222 12.245L6.547 12l.818.888h1.968v.445H7.165zm12.445-.933l-.33.244l-.826-.889h-2.844v-.444h3.044zM5.334 14.867l.328.244l.827-.888h2.844v-.445H6.29z"/><path fill="#000" d="m17.779 12.2l-.33.245l-.826-.89h-2.4v-.444h2.6zM6.223 15.756l.329.244l.827-.889h2.4v-.444h-2.6z"/><path fill="#000" d="m16.89 13.089l-.355.244l-.876-.889h-1.88V12h2.093zm-9.778 3.555l.356.245l.875-.889h1.88v-.444H8.13z"/></g><defs><clipPath id="SVGHcSWxdhd127"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-gulf-background {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd127)%22%3E%3Cpath%20fill%3D%22%2347c9e3%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.445%205.778a.889.889%200%201%200%200-1.778a.889.889%200%200%200%200%201.778M9.778%207.4v1.2c0%20.16.138.29.311.29h1.445c1.08%200%201.8.635%201.8%201.644v.577h-1.245a3.6%203.6%200%200%200-3.644%203.556c0%201.964%201.63%203.555%203.644%203.555h1.378a.306.306%200%200%200%20.311-.31v-2.934a.32.32%200%200%200-.324-.311h-1.698c-.111%200-.2.098-.2.213v.907c0%20.115.089.213.2.213h.689v.445h-.396a1.805%201.805%200%200%201-1.69-1.088a1.8%201.8%200%200%201-.15-.69c0-.978.827-1.778%201.84-1.778h2.81c.137%200%20.253-.124.253-.275v-2.125c0-1.853-1.614-3.378-3.6-3.378h-1.423c-.173%200-.31.134-.31.29%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M11.556%206.223H12v1.333h-.444zm0%2011.555H12V20h-.444zm.889-11.555h.444v1.333h-.444zm0%2012h.444V20h-.444zm5.333-9.534l-.325-.244l-.817.889h-1.97v.444h2.17zM6.222%2012.245L6.547%2012l.818.888h1.968v.445H7.165zm12.445-.933l-.33.244l-.826-.889h-2.844v-.444h3.044zM5.334%2014.867l.328.244l.827-.888h2.844v-.445H6.29z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m17.779%2012.2l-.33.245l-.826-.89h-2.4v-.444h2.6zM6.223%2015.756l.329.244l.827-.889h2.4v-.444h-2.6z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m16.89%2013.089l-.355.244l-.876-.889h-1.88V12h2.093zm-9.778%203.555l.356.245l.875-.889h1.88v-.444H8.13z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd127%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd127)%22%3E%3Cpath%20fill%3D%22%2347c9e3%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.445%205.778a.889.889%200%201%200%200-1.778a.889.889%200%200%200%200%201.778M9.778%207.4v1.2c0%20.16.138.29.311.29h1.445c1.08%200%201.8.635%201.8%201.644v.577h-1.245a3.6%203.6%200%200%200-3.644%203.556c0%201.964%201.63%203.555%203.644%203.555h1.378a.306.306%200%200%200%20.311-.31v-2.934a.32.32%200%200%200-.324-.311h-1.698c-.111%200-.2.098-.2.213v.907c0%20.115.089.213.2.213h.689v.445h-.396a1.805%201.805%200%200%201-1.69-1.088a1.8%201.8%200%200%201-.15-.69c0-.978.827-1.778%201.84-1.778h2.81c.137%200%20.253-.124.253-.275v-2.125c0-1.853-1.614-3.378-3.6-3.378h-1.423c-.173%200-.31.134-.31.29%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M11.556%206.223H12v1.333h-.444zm0%2011.555H12V20h-.444zm.889-11.555h.444v1.333h-.444zm0%2012h.444V20h-.444zm5.333-9.534l-.325-.244l-.817.889h-1.97v.444h2.17zM6.222%2012.245L6.547%2012l.818.888h1.968v.445H7.165zm12.445-.933l-.33.244l-.826-.889h-2.844v-.444h3.044zM5.334%2014.867l.328.244l.827-.888h2.844v-.445H6.29z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m17.779%2012.2l-.33.245l-.826-.89h-2.4v-.444h2.6zM6.223%2015.756l.329.244l.827-.889h2.4v-.444h-2.6z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m16.89%2013.089l-.355.244l-.876-.889h-1.88V12h2.093zm-9.778%203.555l.356.245l.875-.889h1.88v-.444H8.13z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd127%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/gulf-background.svg?color=%231a73e8&size=48
