ooki logo

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

Name: ooki
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 ooki logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#f6be4e" fill-rule="evenodd" d="M15.478 20.098a8.7 8.7 0 0 1-3.396.598A8.7 8.7 0 0 1 3.7 15.417a8.707 8.707 0 0 1 8.383-12.115a8.7 8.7 0 0 1 3.396 16.796m-6.277-8.244a.544.544 0 1 1-.77-.77a.544.544 0 0 1 .77.77m6.533 0a.544.544 0 1 1-.77-.77a.544.544 0 0 1 .77.77m-4.48.458c.011-.168.12-.288.284-.299h1.094c.114 0 .25.109.272.234a.66.66 0 0 1-.049.354a.74.74 0 0 1-.196.3a.8.8 0 0 1-.566.2a.95.95 0 0 1-.599-.206a.74.74 0 0 1-.24-.583" clip-rule="evenodd"/><path fill="#e38329" d="M20.696 10.673c1.1 4.094-1.786 8.477-6.387 9.707c-4.594 1.23-9.287-1.127-10.382-5.226c2.156 2.613 5.88 3.745 9.462 2.89c3.779-.898 6.708-3.849 7.307-7.371" opacity=".69"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedOoki(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="#f6be4e" fillRule="evenodd" d="M15.478 20.098a8.7 8.7 0 0 1-3.396.598A8.7 8.7 0 0 1 3.7 15.417a8.707 8.707 0 0 1 8.383-12.115a8.7 8.7 0 0 1 3.396 16.796m-6.277-8.244a.544.544 0 1 1-.77-.77a.544.544 0 0 1 .77.77m6.533 0a.544.544 0 1 1-.77-.77a.544.544 0 0 1 .77.77m-4.48.458c.011-.168.12-.288.284-.299h1.094c.114 0 .25.109.272.234a.66.66 0 0 1-.049.354a.74.74 0 0 1-.196.3a.8.8 0 0 1-.566.2a.95.95 0 0 1-.599-.206a.74.74 0 0 1-.24-.583" clipRule="evenodd"/><path fill="#e38329" d="M20.696 10.673c1.1 4.094-1.786 8.477-6.387 9.707c-4.594 1.23-9.287-1.127-10.382-5.226c2.156 2.613 5.88 3.745 9.462 2.89c3.779-.898 6.708-3.849 7.307-7.371" opacity=".69"/></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="#f6be4e" fill-rule="evenodd" d="M15.478 20.098a8.7 8.7 0 0 1-3.396.598A8.7 8.7 0 0 1 3.7 15.417a8.707 8.707 0 0 1 8.383-12.115a8.7 8.7 0 0 1 3.396 16.796m-6.277-8.244a.544.544 0 1 1-.77-.77a.544.544 0 0 1 .77.77m6.533 0a.544.544 0 1 1-.77-.77a.544.544 0 0 1 .77.77m-4.48.458c.011-.168.12-.288.284-.299h1.094c.114 0 .25.109.272.234a.66.66 0 0 1-.049.354a.74.74 0 0 1-.196.3a.8.8 0 0 1-.566.2a.95.95 0 0 1-.599-.206a.74.74 0 0 1-.24-.583" clip-rule="evenodd"/><path fill="#e38329" d="M20.696 10.673c1.1 4.094-1.786 8.477-6.387 9.707c-4.594 1.23-9.287-1.127-10.382-5.226c2.156 2.613 5.88 3.745 9.462 2.89c3.779-.898 6.708-3.849 7.307-7.371" opacity=".69"/></g></svg>
</template>

CSS

.icon-ooki {
  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%22%23f6be4e%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.478%2020.098a8.7%208.7%200%200%201-3.396.598A8.7%208.7%200%200%201%203.7%2015.417a8.707%208.707%200%200%201%208.383-12.115a8.7%208.7%200%200%201%203.396%2016.796m-6.277-8.244a.544.544%200%201%201-.77-.77a.544.544%200%200%201%20.77.77m6.533%200a.544.544%200%201%201-.77-.77a.544.544%200%200%201%20.77.77m-4.48.458c.011-.168.12-.288.284-.299h1.094c.114%200%20.25.109.272.234a.66.66%200%200%201-.049.354a.74.74%200%200%201-.196.3a.8.8%200%200%201-.566.2a.95.95%200%200%201-.599-.206a.74.74%200%200%201-.24-.583%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e38329%22%20d%3D%22M20.696%2010.673c1.1%204.094-1.786%208.477-6.387%209.707c-4.594%201.23-9.287-1.127-10.382-5.226c2.156%202.613%205.88%203.745%209.462%202.89c3.779-.898%206.708-3.849%207.307-7.371%22%20opacity%3D%22.69%22%2F%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%22%23f6be4e%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.478%2020.098a8.7%208.7%200%200%201-3.396.598A8.7%208.7%200%200%201%203.7%2015.417a8.707%208.707%200%200%201%208.383-12.115a8.7%208.7%200%200%201%203.396%2016.796m-6.277-8.244a.544.544%200%201%201-.77-.77a.544.544%200%200%201%20.77.77m6.533%200a.544.544%200%201%201-.77-.77a.544.544%200%200%201%20.77.77m-4.48.458c.011-.168.12-.288.284-.299h1.094c.114%200%20.25.109.272.234a.66.66%200%200%201-.049.354a.74.74%200%200%201-.196.3a.8.8%200%200%201-.566.2a.95.95%200%200%201-.599-.206a.74.74%200%200%201-.24-.583%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e38329%22%20d%3D%22M20.696%2010.673c1.1%204.094-1.786%208.477-6.387%209.707c-4.594%201.23-9.287-1.127-10.382-5.226c2.156%202.613%205.88%203.745%209.462%202.89c3.779-.898%206.708-3.849%207.307-7.371%22%20opacity%3D%22.69%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/ooki.svg?color=%231a73e8&size=48