gram logo
gram from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- gram
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the gram logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.081 5H8.915c-.82 0-1.23 0-1.602.105a2.7 2.7 0 0 0-.897.452c-.298.231-.518.55-.964 1.185l-1.956 2.81c-.294.42-.44.63-.48.852a1 1 0 0 0 .067.579c.09.21.282.386.665.74l7.282 6.71c.34.313.51.47.704.528a.93.93 0 0 0 .53 0c.197-.059.367-.215.706-.528l7.281-6.71c.384-.354.576-.53.666-.74a1 1 0 0 0 .067-.579c-.04-.221-.186-.432-.48-.852l-1.961-2.81c-.444-.636-.667-.955-.964-1.184a2.7 2.7 0 0 0-.896-.452c-.372-.105-.782-.105-1.603-.105m-1.166 2.216a.3.3 0 0 1 .113-.136a.33.33 0 0 1 .356 0a.3.3 0 0 1 .114.136l.692 1.724c.042.104.13.185.243.223l1.87.638q.091.031.148.105a.27.27 0 0 1 0 .328a.3.3 0 0 1-.148.105l-1.87.638a.4.4 0 0 0-.148.088a.4.4 0 0 0-.095.136l-.692 1.724a.3.3 0 0 1-.114.136a.33.33 0 0 1-.356 0a.3.3 0 0 1-.113-.136l-.693-1.724a.4.4 0 0 0-.095-.136a.4.4 0 0 0-.147-.088l-1.87-.638a.3.3 0 0 1-.148-.105a.27.27 0 0 1 0-.328a.3.3 0 0 1 .147-.105l1.87-.638a.4.4 0 0 0 .148-.087a.4.4 0 0 0 .095-.136z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenGram(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M15.081 5H8.915c-.82 0-1.23 0-1.602.105a2.7 2.7 0 0 0-.897.452c-.298.231-.518.55-.964 1.185l-1.956 2.81c-.294.42-.44.63-.48.852a1 1 0 0 0 .067.579c.09.21.282.386.665.74l7.282 6.71c.34.313.51.47.704.528a.93.93 0 0 0 .53 0c.197-.059.367-.215.706-.528l7.281-6.71c.384-.354.576-.53.666-.74a1 1 0 0 0 .067-.579c-.04-.221-.186-.432-.48-.852l-1.961-2.81c-.444-.636-.667-.955-.964-1.184a2.7 2.7 0 0 0-.896-.452c-.372-.105-.782-.105-1.603-.105m-1.166 2.216a.3.3 0 0 1 .113-.136a.33.33 0 0 1 .356 0a.3.3 0 0 1 .114.136l.692 1.724c.042.104.13.185.243.223l1.87.638q.091.031.148.105a.27.27 0 0 1 0 .328a.3.3 0 0 1-.148.105l-1.87.638a.4.4 0 0 0-.148.088a.4.4 0 0 0-.095.136l-.692 1.724a.3.3 0 0 1-.114.136a.33.33 0 0 1-.356 0a.3.3 0 0 1-.113-.136l-.693-1.724a.4.4 0 0 0-.095-.136a.4.4 0 0 0-.147-.088l-1.87-.638a.3.3 0 0 1-.148-.105a.27.27 0 0 1 0-.328a.3.3 0 0 1 .147-.105l1.87-.638a.4.4 0 0 0 .148-.087a.4.4 0 0 0 .095-.136z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.081 5H8.915c-.82 0-1.23 0-1.602.105a2.7 2.7 0 0 0-.897.452c-.298.231-.518.55-.964 1.185l-1.956 2.81c-.294.42-.44.63-.48.852a1 1 0 0 0 .067.579c.09.21.282.386.665.74l7.282 6.71c.34.313.51.47.704.528a.93.93 0 0 0 .53 0c.197-.059.367-.215.706-.528l7.281-6.71c.384-.354.576-.53.666-.74a1 1 0 0 0 .067-.579c-.04-.221-.186-.432-.48-.852l-1.961-2.81c-.444-.636-.667-.955-.964-1.184a2.7 2.7 0 0 0-.896-.452c-.372-.105-.782-.105-1.603-.105m-1.166 2.216a.3.3 0 0 1 .113-.136a.33.33 0 0 1 .356 0a.3.3 0 0 1 .114.136l.692 1.724c.042.104.13.185.243.223l1.87.638q.091.031.148.105a.27.27 0 0 1 0 .328a.3.3 0 0 1-.148.105l-1.87.638a.4.4 0 0 0-.148.088a.4.4 0 0 0-.095.136l-.692 1.724a.3.3 0 0 1-.114.136a.33.33 0 0 1-.356 0a.3.3 0 0 1-.113-.136l-.693-1.724a.4.4 0 0 0-.095-.136a.4.4 0 0 0-.147-.088l-1.87-.638a.3.3 0 0 1-.148-.105a.27.27 0 0 1 0-.328a.3.3 0 0 1 .147-.105l1.87-.638a.4.4 0 0 0 .148-.087a.4.4 0 0 0 .095-.136z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-gram {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.081%205H8.915c-.82%200-1.23%200-1.602.105a2.7%202.7%200%200%200-.897.452c-.298.231-.518.55-.964%201.185l-1.956%202.81c-.294.42-.44.63-.48.852a1%201%200%200%200%20.067.579c.09.21.282.386.665.74l7.282%206.71c.34.313.51.47.704.528a.93.93%200%200%200%20.53%200c.197-.059.367-.215.706-.528l7.281-6.71c.384-.354.576-.53.666-.74a1%201%200%200%200%20.067-.579c-.04-.221-.186-.432-.48-.852l-1.961-2.81c-.444-.636-.667-.955-.964-1.184a2.7%202.7%200%200%200-.896-.452c-.372-.105-.782-.105-1.603-.105m-1.166%202.216a.3.3%200%200%201%20.113-.136a.33.33%200%200%201%20.356%200a.3.3%200%200%201%20.114.136l.692%201.724c.042.104.13.185.243.223l1.87.638q.091.031.148.105a.27.27%200%200%201%200%20.328a.3.3%200%200%201-.148.105l-1.87.638a.4.4%200%200%200-.148.088a.4.4%200%200%200-.095.136l-.692%201.724a.3.3%200%200%201-.114.136a.33.33%200%200%201-.356%200a.3.3%200%200%201-.113-.136l-.693-1.724a.4.4%200%200%200-.095-.136a.4.4%200%200%200-.147-.088l-1.87-.638a.3.3%200%200%201-.148-.105a.27.27%200%200%201%200-.328a.3.3%200%200%201%20.147-.105l1.87-.638a.4.4%200%200%200%20.148-.087a.4.4%200%200%200%20.095-.136z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.081%205H8.915c-.82%200-1.23%200-1.602.105a2.7%202.7%200%200%200-.897.452c-.298.231-.518.55-.964%201.185l-1.956%202.81c-.294.42-.44.63-.48.852a1%201%200%200%200%20.067.579c.09.21.282.386.665.74l7.282%206.71c.34.313.51.47.704.528a.93.93%200%200%200%20.53%200c.197-.059.367-.215.706-.528l7.281-6.71c.384-.354.576-.53.666-.74a1%201%200%200%200%20.067-.579c-.04-.221-.186-.432-.48-.852l-1.961-2.81c-.444-.636-.667-.955-.964-1.184a2.7%202.7%200%200%200-.896-.452c-.372-.105-.782-.105-1.603-.105m-1.166%202.216a.3.3%200%200%201%20.113-.136a.33.33%200%200%201%20.356%200a.3.3%200%200%201%20.114.136l.692%201.724c.042.104.13.185.243.223l1.87.638q.091.031.148.105a.27.27%200%200%201%200%20.328a.3.3%200%200%201-.148.105l-1.87.638a.4.4%200%200%200-.148.088a.4.4%200%200%200-.095.136l-.692%201.724a.3.3%200%200%201-.114.136a.33.33%200%200%201-.356%200a.3.3%200%200%201-.113-.136l-.693-1.724a.4.4%200%200%200-.095-.136a.4.4%200%200%200-.147-.088l-1.87-.638a.3.3%200%200%201-.148-.105a.27.27%200%200%201%200-.328a.3.3%200%200%201%20.147-.105l1.87-.638a.4.4%200%200%200%20.148-.087a.4.4%200%200%200%20.095-.136z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/gram.svg?color=%231a73e8&size=48
