ommi logo

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

Name: ommi-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 ommi 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(#SVGHcSWxdhd132)"><path fill="url(#SVGuT8TBbch)" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.274 5.519c1.95.15 3.66 1.15 4.755 2.635l1.215-.885a8.03 8.03 0 0 0-5.97-3.25zm-5.475.2a8 8 0 0 0 1.93 13.685l.515-1.41a6.5 6.5 0 0 1-1.5-11.115l-.95-1.16zm6.125 12.68l.25 1.48c2-.35 3.745-1.44 4.94-2.98l-1.105-1.026a6.52 6.52 0 0 1-4.085 2.525M10.766 7c.83 0 1.505-.672 1.505-1.5S11.597 4 10.766 4S9.26 4.672 9.26 5.5S9.935 7 10.766 7"/><path fill="#fff" d="M9.26 13c.555 0 1.005-.448 1.005-1s-.45-1-1.005-1s-1.005.448-1.005 1s.45 1 1.005 1M12 20c.694 0 1.256-.56 1.256-1.25S12.694 17.5 12 17.5s-1.255.56-1.255 1.25S11.307 20 12 20m2.9-5.88a3.007 3.007 0 0 1-4.765-.67l-1.5.35a4.514 4.514 0 0 0 7.33 1.38zm.15-4.08a3.005 3.005 0 0 0-4.885.46h-1.65a4.515 4.515 0 0 1 7.67-1.45z"/></g><defs><linearGradient id="SVGuT8TBbch" x1="16.534" x2="7.689" y1="6.248" y2="19.064" 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><clipPath id="SVGHcSWxdhd132"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedOmmiBackground(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(#SVGHcSWxdhd132)"><path fill="url(#SVGuT8TBbch)" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.274 5.519c1.95.15 3.66 1.15 4.755 2.635l1.215-.885a8.03 8.03 0 0 0-5.97-3.25zm-5.475.2a8 8 0 0 0 1.93 13.685l.515-1.41a6.5 6.5 0 0 1-1.5-11.115l-.95-1.16zm6.125 12.68l.25 1.48c2-.35 3.745-1.44 4.94-2.98l-1.105-1.026a6.52 6.52 0 0 1-4.085 2.525M10.766 7c.83 0 1.505-.672 1.505-1.5S11.597 4 10.766 4S9.26 4.672 9.26 5.5S9.935 7 10.766 7"/><path fill="#fff" d="M9.26 13c.555 0 1.005-.448 1.005-1s-.45-1-1.005-1s-1.005.448-1.005 1s.45 1 1.005 1M12 20c.694 0 1.256-.56 1.256-1.25S12.694 17.5 12 17.5s-1.255.56-1.255 1.25S11.307 20 12 20m2.9-5.88a3.007 3.007 0 0 1-4.765-.67l-1.5.35a4.514 4.514 0 0 0 7.33 1.38zm.15-4.08a3.005 3.005 0 0 0-4.885.46h-1.65a4.515 4.515 0 0 1 7.67-1.45z"/></g><defs><linearGradient id="SVGuT8TBbch" x1="16.534" x2="7.689" y1="6.248" y2="19.064" gradientUnits="userSpaceOnUse"><stop stopColor="#3ad02c"/><stop offset=".28" stopColor="#3dd22d"/><stop offset=".59" stopColor="#79d41c"/><stop offset="1" stopColor="#c9d505"/></linearGradient><clipPath id="SVGHcSWxdhd132"><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(#SVGHcSWxdhd132)"><path fill="url(#SVGuT8TBbch)" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.274 5.519c1.95.15 3.66 1.15 4.755 2.635l1.215-.885a8.03 8.03 0 0 0-5.97-3.25zm-5.475.2a8 8 0 0 0 1.93 13.685l.515-1.41a6.5 6.5 0 0 1-1.5-11.115l-.95-1.16zm6.125 12.68l.25 1.48c2-.35 3.745-1.44 4.94-2.98l-1.105-1.026a6.52 6.52 0 0 1-4.085 2.525M10.766 7c.83 0 1.505-.672 1.505-1.5S11.597 4 10.766 4S9.26 4.672 9.26 5.5S9.935 7 10.766 7"/><path fill="#fff" d="M9.26 13c.555 0 1.005-.448 1.005-1s-.45-1-1.005-1s-1.005.448-1.005 1s.45 1 1.005 1M12 20c.694 0 1.256-.56 1.256-1.25S12.694 17.5 12 17.5s-1.255.56-1.255 1.25S11.307 20 12 20m2.9-5.88a3.007 3.007 0 0 1-4.765-.67l-1.5.35a4.514 4.514 0 0 0 7.33 1.38zm.15-4.08a3.005 3.005 0 0 0-4.885.46h-1.65a4.515 4.515 0 0 1 7.67-1.45z"/></g><defs><linearGradient id="SVGuT8TBbch" x1="16.534" x2="7.689" y1="6.248" y2="19.064" 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><clipPath id="SVGHcSWxdhd132"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-ommi-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(%23SVGHcSWxdhd132)%22%3E%3Cpath%20fill%3D%22url(%23SVGuT8TBbch)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.274%205.519c1.95.15%203.66%201.15%204.755%202.635l1.215-.885a8.03%208.03%200%200%200-5.97-3.25zm-5.475.2a8%208%200%200%200%201.93%2013.685l.515-1.41a6.5%206.5%200%200%201-1.5-11.115l-.95-1.16zm6.125%2012.68l.25%201.48c2-.35%203.745-1.44%204.94-2.98l-1.105-1.026a6.52%206.52%200%200%201-4.085%202.525M10.766%207c.83%200%201.505-.672%201.505-1.5S11.597%204%2010.766%204S9.26%204.672%209.26%205.5S9.935%207%2010.766%207%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.26%2013c.555%200%201.005-.448%201.005-1s-.45-1-1.005-1s-1.005.448-1.005%201s.45%201%201.005%201M12%2020c.694%200%201.256-.56%201.256-1.25S12.694%2017.5%2012%2017.5s-1.255.56-1.255%201.25S11.307%2020%2012%2020m2.9-5.88a3.007%203.007%200%200%201-4.765-.67l-1.5.35a4.514%204.514%200%200%200%207.33%201.38zm.15-4.08a3.005%203.005%200%200%200-4.885.46h-1.65a4.515%204.515%200%200%201%207.67-1.45z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGuT8TBbch%22%20x1%3D%2216.534%22%20x2%3D%227.689%22%20y1%3D%226.248%22%20y2%3D%2219.064%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%3CclipPath%20id%3D%22SVGHcSWxdhd132%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(%23SVGHcSWxdhd132)%22%3E%3Cpath%20fill%3D%22url(%23SVGuT8TBbch)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.274%205.519c1.95.15%203.66%201.15%204.755%202.635l1.215-.885a8.03%208.03%200%200%200-5.97-3.25zm-5.475.2a8%208%200%200%200%201.93%2013.685l.515-1.41a6.5%206.5%200%200%201-1.5-11.115l-.95-1.16zm6.125%2012.68l.25%201.48c2-.35%203.745-1.44%204.94-2.98l-1.105-1.026a6.52%206.52%200%200%201-4.085%202.525M10.766%207c.83%200%201.505-.672%201.505-1.5S11.597%204%2010.766%204S9.26%204.672%209.26%205.5S9.935%207%2010.766%207%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.26%2013c.555%200%201.005-.448%201.005-1s-.45-1-1.005-1s-1.005.448-1.005%201s.45%201%201.005%201M12%2020c.694%200%201.256-.56%201.256-1.25S12.694%2017.5%2012%2017.5s-1.255.56-1.255%201.25S11.307%2020%2012%2020m2.9-5.88a3.007%203.007%200%200%201-4.765-.67l-1.5.35a4.514%204.514%200%200%200%207.33%201.38zm.15-4.08a3.005%203.005%200%200%200-4.885.46h-1.65a4.515%204.515%200%200%201%207.67-1.45z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGuT8TBbch%22%20x1%3D%2216.534%22%20x2%3D%227.689%22%20y1%3D%226.248%22%20y2%3D%2219.064%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%3CclipPath%20id%3D%22SVGHcSWxdhd132%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/ommi-background.svg?color=%231a73e8&size=48