ommi logo

ommi from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: ommi
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the ommi logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGGwDB3cHF)" d="M13.434 4.708a7.34 7.34 0 0 1 5.349 2.964l1.367-.995a9.03 9.03 0 0 0-6.716-3.656zm-6.16.225a9 9 0 0 0 2.172 15.395l.579-1.586A7.313 7.313 0 0 1 8.338 6.238l-1.07-1.305zm6.891 14.265l.281 1.665a9 9 0 0 0 5.557-3.353l-1.242-1.153a7.34 7.34 0 0 1-4.596 2.84"/><path fill="url(#SVGt5b2GbEb)" d="M10.61 6.375a1.69 1.69 0 0 0 1.693-1.688A1.69 1.69 0 0 0 10.61 3a1.69 1.69 0 0 0-1.693 1.687a1.69 1.69 0 0 0 1.693 1.688"/><path fill="url(#SVGay73BbAy)" d="M8.917 13.125c.625 0 1.13-.504 1.13-1.125s-.505-1.125-1.13-1.125s-1.13.504-1.13 1.125s.506 1.125 1.13 1.125"/><path fill="url(#SVGUSI9yOkm)" d="M12 21c.78 0 1.412-.63 1.412-1.406c0-.777-.632-1.407-1.412-1.407s-1.412.63-1.412 1.407A1.41 1.41 0 0 0 12 21"/><path fill="url(#SVGWHR2ZcEP)" d="M15.262 14.385a3.38 3.38 0 0 1-5.36-.754l-1.688.394a5.08 5.08 0 0 0 8.246 1.552zm.168-4.59a3.38 3.38 0 0 0-5.495.518H8.079a5.08 5.08 0 0 1 8.628-1.632z"/><defs><linearGradient id="SVGGwDB3cHF" x1="17.101" x2="7.151" y1="5.529" y2="19.946" gradientUnits="userSpaceOnUse"><stop stop-color="#3ad02c"/><stop offset=".28" stop-color="#3dd22d"/><stop offset=".59" stop-color="#79d41c"/><stop offset="1" stop-color="#c9d505"/></linearGradient><linearGradient id="SVGt5b2GbEb" x1="17.442" x2="8.345" y1="7.5" y2="17.106" gradientUnits="userSpaceOnUse"><stop stop-color="#233d1a"/><stop offset="1" stop-color="#2bd009"/></linearGradient><linearGradient id="SVGay73BbAy" x1="18.123" x2="5.167" y1="9.75" y2="17.545" gradientUnits="userSpaceOnUse"><stop stop-color="#a7a710"/><stop offset="1" stop-color="#162c00"/></linearGradient><linearGradient id="SVGUSI9yOkm" x1="20.15" x2="7.098" y1="13.8" y2="13.8" gradientUnits="userSpaceOnUse"><stop stop-color="#489722"/><stop offset="1" stop-color="#516d3a"/></linearGradient><linearGradient id="SVGWHR2ZcEP" x1="10.61" x2="14.823" y1="8.344" y2="15.667" gradientUnits="userSpaceOnUse"><stop stop-color="#47d12d"/><stop offset=".45" stop-color="#c8d65e" stop-opacity=".59"/><stop offset=".74" stop-color="#51ce32"/><stop offset="1" stop-color="#bfd30f"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedOmmi(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"><path fill="url(#SVGGwDB3cHF)" d="M13.434 4.708a7.34 7.34 0 0 1 5.349 2.964l1.367-.995a9.03 9.03 0 0 0-6.716-3.656zm-6.16.225a9 9 0 0 0 2.172 15.395l.579-1.586A7.313 7.313 0 0 1 8.338 6.238l-1.07-1.305zm6.891 14.265l.281 1.665a9 9 0 0 0 5.557-3.353l-1.242-1.153a7.34 7.34 0 0 1-4.596 2.84"/><path fill="url(#SVGt5b2GbEb)" d="M10.61 6.375a1.69 1.69 0 0 0 1.693-1.688A1.69 1.69 0 0 0 10.61 3a1.69 1.69 0 0 0-1.693 1.687a1.69 1.69 0 0 0 1.693 1.688"/><path fill="url(#SVGay73BbAy)" d="M8.917 13.125c.625 0 1.13-.504 1.13-1.125s-.505-1.125-1.13-1.125s-1.13.504-1.13 1.125s.506 1.125 1.13 1.125"/><path fill="url(#SVGUSI9yOkm)" d="M12 21c.78 0 1.412-.63 1.412-1.406c0-.777-.632-1.407-1.412-1.407s-1.412.63-1.412 1.407A1.41 1.41 0 0 0 12 21"/><path fill="url(#SVGWHR2ZcEP)" d="M15.262 14.385a3.38 3.38 0 0 1-5.36-.754l-1.688.394a5.08 5.08 0 0 0 8.246 1.552zm.168-4.59a3.38 3.38 0 0 0-5.495.518H8.079a5.08 5.08 0 0 1 8.628-1.632z"/><defs><linearGradient id="SVGGwDB3cHF" x1="17.101" x2="7.151" y1="5.529" y2="19.946" gradientUnits="userSpaceOnUse"><stop stopColor="#3ad02c"/><stop offset=".28" stopColor="#3dd22d"/><stop offset=".59" stopColor="#79d41c"/><stop offset="1" stopColor="#c9d505"/></linearGradient><linearGradient id="SVGt5b2GbEb" x1="17.442" x2="8.345" y1="7.5" y2="17.106" gradientUnits="userSpaceOnUse"><stop stopColor="#233d1a"/><stop offset="1" stopColor="#2bd009"/></linearGradient><linearGradient id="SVGay73BbAy" x1="18.123" x2="5.167" y1="9.75" y2="17.545" gradientUnits="userSpaceOnUse"><stop stopColor="#a7a710"/><stop offset="1" stopColor="#162c00"/></linearGradient><linearGradient id="SVGUSI9yOkm" x1="20.15" x2="7.098" y1="13.8" y2="13.8" gradientUnits="userSpaceOnUse"><stop stopColor="#489722"/><stop offset="1" stopColor="#516d3a"/></linearGradient><linearGradient id="SVGWHR2ZcEP" x1="10.61" x2="14.823" y1="8.344" y2="15.667" gradientUnits="userSpaceOnUse"><stop stopColor="#47d12d"/><stop offset=".45" stopColor="#c8d65e" stopOpacity=".59"/><stop offset=".74" stopColor="#51ce32"/><stop offset="1" stopColor="#bfd30f"/></linearGradient></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"><path fill="url(#SVGGwDB3cHF)" d="M13.434 4.708a7.34 7.34 0 0 1 5.349 2.964l1.367-.995a9.03 9.03 0 0 0-6.716-3.656zm-6.16.225a9 9 0 0 0 2.172 15.395l.579-1.586A7.313 7.313 0 0 1 8.338 6.238l-1.07-1.305zm6.891 14.265l.281 1.665a9 9 0 0 0 5.557-3.353l-1.242-1.153a7.34 7.34 0 0 1-4.596 2.84"/><path fill="url(#SVGt5b2GbEb)" d="M10.61 6.375a1.69 1.69 0 0 0 1.693-1.688A1.69 1.69 0 0 0 10.61 3a1.69 1.69 0 0 0-1.693 1.687a1.69 1.69 0 0 0 1.693 1.688"/><path fill="url(#SVGay73BbAy)" d="M8.917 13.125c.625 0 1.13-.504 1.13-1.125s-.505-1.125-1.13-1.125s-1.13.504-1.13 1.125s.506 1.125 1.13 1.125"/><path fill="url(#SVGUSI9yOkm)" d="M12 21c.78 0 1.412-.63 1.412-1.406c0-.777-.632-1.407-1.412-1.407s-1.412.63-1.412 1.407A1.41 1.41 0 0 0 12 21"/><path fill="url(#SVGWHR2ZcEP)" d="M15.262 14.385a3.38 3.38 0 0 1-5.36-.754l-1.688.394a5.08 5.08 0 0 0 8.246 1.552zm.168-4.59a3.38 3.38 0 0 0-5.495.518H8.079a5.08 5.08 0 0 1 8.628-1.632z"/><defs><linearGradient id="SVGGwDB3cHF" x1="17.101" x2="7.151" y1="5.529" y2="19.946" gradientUnits="userSpaceOnUse"><stop stop-color="#3ad02c"/><stop offset=".28" stop-color="#3dd22d"/><stop offset=".59" stop-color="#79d41c"/><stop offset="1" stop-color="#c9d505"/></linearGradient><linearGradient id="SVGt5b2GbEb" x1="17.442" x2="8.345" y1="7.5" y2="17.106" gradientUnits="userSpaceOnUse"><stop stop-color="#233d1a"/><stop offset="1" stop-color="#2bd009"/></linearGradient><linearGradient id="SVGay73BbAy" x1="18.123" x2="5.167" y1="9.75" y2="17.545" gradientUnits="userSpaceOnUse"><stop stop-color="#a7a710"/><stop offset="1" stop-color="#162c00"/></linearGradient><linearGradient id="SVGUSI9yOkm" x1="20.15" x2="7.098" y1="13.8" y2="13.8" gradientUnits="userSpaceOnUse"><stop stop-color="#489722"/><stop offset="1" stop-color="#516d3a"/></linearGradient><linearGradient id="SVGWHR2ZcEP" x1="10.61" x2="14.823" y1="8.344" y2="15.667" gradientUnits="userSpaceOnUse"><stop stop-color="#47d12d"/><stop offset=".45" stop-color="#c8d65e" stop-opacity=".59"/><stop offset=".74" stop-color="#51ce32"/><stop offset="1" stop-color="#bfd30f"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-ommi {
  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%3Cpath%20fill%3D%22url(%23SVGGwDB3cHF)%22%20d%3D%22M13.434%204.708a7.34%207.34%200%200%201%205.349%202.964l1.367-.995a9.03%209.03%200%200%200-6.716-3.656zm-6.16.225a9%209%200%200%200%202.172%2015.395l.579-1.586A7.313%207.313%200%200%201%208.338%206.238l-1.07-1.305zm6.891%2014.265l.281%201.665a9%209%200%200%200%205.557-3.353l-1.242-1.153a7.34%207.34%200%200%201-4.596%202.84%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGt5b2GbEb)%22%20d%3D%22M10.61%206.375a1.69%201.69%200%200%200%201.693-1.688A1.69%201.69%200%200%200%2010.61%203a1.69%201.69%200%200%200-1.693%201.687a1.69%201.69%200%200%200%201.693%201.688%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGay73BbAy)%22%20d%3D%22M8.917%2013.125c.625%200%201.13-.504%201.13-1.125s-.505-1.125-1.13-1.125s-1.13.504-1.13%201.125s.506%201.125%201.13%201.125%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUSI9yOkm)%22%20d%3D%22M12%2021c.78%200%201.412-.63%201.412-1.406c0-.777-.632-1.407-1.412-1.407s-1.412.63-1.412%201.407A1.41%201.41%200%200%200%2012%2021%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWHR2ZcEP)%22%20d%3D%22M15.262%2014.385a3.38%203.38%200%200%201-5.36-.754l-1.688.394a5.08%205.08%200%200%200%208.246%201.552zm.168-4.59a3.38%203.38%200%200%200-5.495.518H8.079a5.08%205.08%200%200%201%208.628-1.632z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGGwDB3cHF%22%20x1%3D%2217.101%22%20x2%3D%227.151%22%20y1%3D%225.529%22%20y2%3D%2219.946%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233ad02c%22%2F%3E%3Cstop%20offset%3D%22.28%22%20stop-color%3D%22%233dd22d%22%2F%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%2379d41c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c9d505%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGt5b2GbEb%22%20x1%3D%2217.442%22%20x2%3D%228.345%22%20y1%3D%227.5%22%20y2%3D%2217.106%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23233d1a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232bd009%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGay73BbAy%22%20x1%3D%2218.123%22%20x2%3D%225.167%22%20y1%3D%229.75%22%20y2%3D%2217.545%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a7a710%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23162c00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGUSI9yOkm%22%20x1%3D%2220.15%22%20x2%3D%227.098%22%20y1%3D%2213.8%22%20y2%3D%2213.8%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23489722%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23516d3a%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGWHR2ZcEP%22%20x1%3D%2210.61%22%20x2%3D%2214.823%22%20y1%3D%228.344%22%20y2%3D%2215.667%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2347d12d%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23c8d65e%22%20stop-opacity%3D%22.59%22%2F%3E%3Cstop%20offset%3D%22.74%22%20stop-color%3D%22%2351ce32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bfd30f%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGGwDB3cHF)%22%20d%3D%22M13.434%204.708a7.34%207.34%200%200%201%205.349%202.964l1.367-.995a9.03%209.03%200%200%200-6.716-3.656zm-6.16.225a9%209%200%200%200%202.172%2015.395l.579-1.586A7.313%207.313%200%200%201%208.338%206.238l-1.07-1.305zm6.891%2014.265l.281%201.665a9%209%200%200%200%205.557-3.353l-1.242-1.153a7.34%207.34%200%200%201-4.596%202.84%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGt5b2GbEb)%22%20d%3D%22M10.61%206.375a1.69%201.69%200%200%200%201.693-1.688A1.69%201.69%200%200%200%2010.61%203a1.69%201.69%200%200%200-1.693%201.687a1.69%201.69%200%200%200%201.693%201.688%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGay73BbAy)%22%20d%3D%22M8.917%2013.125c.625%200%201.13-.504%201.13-1.125s-.505-1.125-1.13-1.125s-1.13.504-1.13%201.125s.506%201.125%201.13%201.125%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUSI9yOkm)%22%20d%3D%22M12%2021c.78%200%201.412-.63%201.412-1.406c0-.777-.632-1.407-1.412-1.407s-1.412.63-1.412%201.407A1.41%201.41%200%200%200%2012%2021%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWHR2ZcEP)%22%20d%3D%22M15.262%2014.385a3.38%203.38%200%200%201-5.36-.754l-1.688.394a5.08%205.08%200%200%200%208.246%201.552zm.168-4.59a3.38%203.38%200%200%200-5.495.518H8.079a5.08%205.08%200%200%201%208.628-1.632z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGGwDB3cHF%22%20x1%3D%2217.101%22%20x2%3D%227.151%22%20y1%3D%225.529%22%20y2%3D%2219.946%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233ad02c%22%2F%3E%3Cstop%20offset%3D%22.28%22%20stop-color%3D%22%233dd22d%22%2F%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%2379d41c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c9d505%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGt5b2GbEb%22%20x1%3D%2217.442%22%20x2%3D%228.345%22%20y1%3D%227.5%22%20y2%3D%2217.106%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23233d1a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232bd009%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGay73BbAy%22%20x1%3D%2218.123%22%20x2%3D%225.167%22%20y1%3D%229.75%22%20y2%3D%2217.545%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a7a710%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23162c00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGUSI9yOkm%22%20x1%3D%2220.15%22%20x2%3D%227.098%22%20y1%3D%2213.8%22%20y2%3D%2213.8%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23489722%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23516d3a%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGWHR2ZcEP%22%20x1%3D%2210.61%22%20x2%3D%2214.823%22%20y1%3D%228.344%22%20y2%3D%2215.667%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2347d12d%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23c8d65e%22%20stop-opacity%3D%22.59%22%2F%3E%3Cstop%20offset%3D%22.74%22%20stop-color%3D%22%2351ce32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bfd30f%22%2F%3E%3C%2FlinearGradient%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/ommi.svg?color=%231a73e8&size=48