ogn logo
ogn from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- ogn
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the ogn logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.066 7.465c-1.687 3.341-.731 7.47 0 9.034l2.784-2.813c-.275-1.074-.22-2.7.124-4.038c.405-1.604 1.8-3.212 3.949-3.24c1.513-.017 2.576.697 2.812 1.057l-9.421 9.562c.393.658 1.54 2.317 3.256 3.24c1.614.866 4.1.894 5.692.45a7.95 7.95 0 0 0 5.265-5.771c.832-3.437-.022-6.525-.596-7.48l-2.734 2.783c.186 1.069.158 3.476-.472 4.995c-.619 1.519-1.901 2.362-3.802 2.362a4.32 4.32 0 0 1-2.66-1.108l9.392-9.612c-2.25-3.814-6.215-4.073-7.65-3.814A7.95 7.95 0 0 0 5.067 7.46z"/></svg>
React
import type { SVGProps } from "react";
export function TokenOgn(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" d="M5.066 7.465c-1.687 3.341-.731 7.47 0 9.034l2.784-2.813c-.275-1.074-.22-2.7.124-4.038c.405-1.604 1.8-3.212 3.949-3.24c1.513-.017 2.576.697 2.812 1.057l-9.421 9.562c.393.658 1.54 2.317 3.256 3.24c1.614.866 4.1.894 5.692.45a7.95 7.95 0 0 0 5.265-5.771c.832-3.437-.022-6.525-.596-7.48l-2.734 2.783c.186 1.069.158 3.476-.472 4.995c-.619 1.519-1.901 2.362-3.802 2.362a4.32 4.32 0 0 1-2.66-1.108l9.392-9.612c-2.25-3.814-6.215-4.073-7.65-3.814A7.95 7.95 0 0 0 5.067 7.46z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.066 7.465c-1.687 3.341-.731 7.47 0 9.034l2.784-2.813c-.275-1.074-.22-2.7.124-4.038c.405-1.604 1.8-3.212 3.949-3.24c1.513-.017 2.576.697 2.812 1.057l-9.421 9.562c.393.658 1.54 2.317 3.256 3.24c1.614.866 4.1.894 5.692.45a7.95 7.95 0 0 0 5.265-5.771c.832-3.437-.022-6.525-.596-7.48l-2.734 2.783c.186 1.069.158 3.476-.472 4.995c-.619 1.519-1.901 2.362-3.802 2.362a4.32 4.32 0 0 1-2.66-1.108l9.392-9.612c-2.25-3.814-6.215-4.073-7.65-3.814A7.95 7.95 0 0 0 5.067 7.46z"/></svg> </template>
CSS
.icon-ogn {
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%20d%3D%22M5.066%207.465c-1.687%203.341-.731%207.47%200%209.034l2.784-2.813c-.275-1.074-.22-2.7.124-4.038c.405-1.604%201.8-3.212%203.949-3.24c1.513-.017%202.576.697%202.812%201.057l-9.421%209.562c.393.658%201.54%202.317%203.256%203.24c1.614.866%204.1.894%205.692.45a7.95%207.95%200%200%200%205.265-5.771c.832-3.437-.022-6.525-.596-7.48l-2.734%202.783c.186%201.069.158%203.476-.472%204.995c-.619%201.519-1.901%202.362-3.802%202.362a4.32%204.32%200%200%201-2.66-1.108l9.392-9.612c-2.25-3.814-6.215-4.073-7.65-3.814A7.95%207.95%200%200%200%205.067%207.46z%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%20d%3D%22M5.066%207.465c-1.687%203.341-.731%207.47%200%209.034l2.784-2.813c-.275-1.074-.22-2.7.124-4.038c.405-1.604%201.8-3.212%203.949-3.24c1.513-.017%202.576.697%202.812%201.057l-9.421%209.562c.393.658%201.54%202.317%203.256%203.24c1.614.866%204.1.894%205.692.45a7.95%207.95%200%200%200%205.265-5.771c.832-3.437-.022-6.525-.596-7.48l-2.734%202.783c.186%201.069.158%203.476-.472%204.995c-.619%201.519-1.901%202.362-3.802%202.362a4.32%204.32%200%200%201-2.66-1.108l9.392-9.612c-2.25-3.814-6.215-4.073-7.65-3.814A7.95%207.95%200%200%200%205.067%207.46z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/ogn.svg?color=%231a73e8&size=48
