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

Name
euno
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 euno 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(#SVGQfbabcyA)" d="M5.065 7.64h11.78a1.16 1.16 0 0 0 .847-.365l1.888-1.958l.198-.203c.755-.778.22-2.114-.842-2.114H5.066c-.32 0-.622.128-.849.36c-.22.232-.348.552-.348.877V6.41c0 .326.128.64.348.872c.227.232.529.366.848.366z"/><path fill="url(#SVGShP0ANOU)" d="M18.936 9.964H5.066a1.22 1.22 0 0 0-.849.349c-.22.218-.346.514-.348.825v8.689a1.16 1.16 0 0 0 .348.83c.227.221.529.343.848.343h7.284c.32 0 .621-.122.848-.349l2.09-2.056c.756-.737.227-1.66-.841-1.66h-5.93v-2.916h8.323c.319 0 .621-.128.848-.35l1.893-1.503l.198-.192c.755-.744.22-2.01-.842-2.01"/><defs><linearGradient id="SVGQfbabcyA" x1="20.132" x2="4.015" y1="19.762" y2="21.492" gradientUnits="userSpaceOnUse"><stop stop-color="#7599f2"/><stop offset="1" stop-color="#562cdd"/></linearGradient><linearGradient id="SVGShP0ANOU" x1="20.132" x2="6.233" y1="7.327" y2="13.107" gradientUnits="userSpaceOnUse"><stop stop-color="#7599f2"/><stop offset="1" stop-color="#562cdd"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedEuno(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(#SVGQfbabcyA)" d="M5.065 7.64h11.78a1.16 1.16 0 0 0 .847-.365l1.888-1.958l.198-.203c.755-.778.22-2.114-.842-2.114H5.066c-.32 0-.622.128-.849.36c-.22.232-.348.552-.348.877V6.41c0 .326.128.64.348.872c.227.232.529.366.848.366z"/><path fill="url(#SVGShP0ANOU)" d="M18.936 9.964H5.066a1.22 1.22 0 0 0-.849.349c-.22.218-.346.514-.348.825v8.689a1.16 1.16 0 0 0 .348.83c.227.221.529.343.848.343h7.284c.32 0 .621-.122.848-.349l2.09-2.056c.756-.737.227-1.66-.841-1.66h-5.93v-2.916h8.323c.319 0 .621-.128.848-.35l1.893-1.503l.198-.192c.755-.744.22-2.01-.842-2.01"/><defs><linearGradient id="SVGQfbabcyA" x1="20.132" x2="4.015" y1="19.762" y2="21.492" gradientUnits="userSpaceOnUse"><stop stopColor="#7599f2"/><stop offset="1" stopColor="#562cdd"/></linearGradient><linearGradient id="SVGShP0ANOU" x1="20.132" x2="6.233" y1="7.327" y2="13.107" gradientUnits="userSpaceOnUse"><stop stopColor="#7599f2"/><stop offset="1" stopColor="#562cdd"/></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(#SVGQfbabcyA)" d="M5.065 7.64h11.78a1.16 1.16 0 0 0 .847-.365l1.888-1.958l.198-.203c.755-.778.22-2.114-.842-2.114H5.066c-.32 0-.622.128-.849.36c-.22.232-.348.552-.348.877V6.41c0 .326.128.64.348.872c.227.232.529.366.848.366z"/><path fill="url(#SVGShP0ANOU)" d="M18.936 9.964H5.066a1.22 1.22 0 0 0-.849.349c-.22.218-.346.514-.348.825v8.689a1.16 1.16 0 0 0 .348.83c.227.221.529.343.848.343h7.284c.32 0 .621-.122.848-.349l2.09-2.056c.756-.737.227-1.66-.841-1.66h-5.93v-2.916h8.323c.319 0 .621-.128.848-.35l1.893-1.503l.198-.192c.755-.744.22-2.01-.842-2.01"/><defs><linearGradient id="SVGQfbabcyA" x1="20.132" x2="4.015" y1="19.762" y2="21.492" gradientUnits="userSpaceOnUse"><stop stop-color="#7599f2"/><stop offset="1" stop-color="#562cdd"/></linearGradient><linearGradient id="SVGShP0ANOU" x1="20.132" x2="6.233" y1="7.327" y2="13.107" gradientUnits="userSpaceOnUse"><stop stop-color="#7599f2"/><stop offset="1" stop-color="#562cdd"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-euno {
  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(%23SVGQfbabcyA)%22%20d%3D%22M5.065%207.64h11.78a1.16%201.16%200%200%200%20.847-.365l1.888-1.958l.198-.203c.755-.778.22-2.114-.842-2.114H5.066c-.32%200-.622.128-.849.36c-.22.232-.348.552-.348.877V6.41c0%20.326.128.64.348.872c.227.232.529.366.848.366z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGShP0ANOU)%22%20d%3D%22M18.936%209.964H5.066a1.22%201.22%200%200%200-.849.349c-.22.218-.346.514-.348.825v8.689a1.16%201.16%200%200%200%20.348.83c.227.221.529.343.848.343h7.284c.32%200%20.621-.122.848-.349l2.09-2.056c.756-.737.227-1.66-.841-1.66h-5.93v-2.916h8.323c.319%200%20.621-.128.848-.35l1.893-1.503l.198-.192c.755-.744.22-2.01-.842-2.01%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGQfbabcyA%22%20x1%3D%2220.132%22%20x2%3D%224.015%22%20y1%3D%2219.762%22%20y2%3D%2221.492%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237599f2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23562cdd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGShP0ANOU%22%20x1%3D%2220.132%22%20x2%3D%226.233%22%20y1%3D%227.327%22%20y2%3D%2213.107%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237599f2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23562cdd%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(%23SVGQfbabcyA)%22%20d%3D%22M5.065%207.64h11.78a1.16%201.16%200%200%200%20.847-.365l1.888-1.958l.198-.203c.755-.778.22-2.114-.842-2.114H5.066c-.32%200-.622.128-.849.36c-.22.232-.348.552-.348.877V6.41c0%20.326.128.64.348.872c.227.232.529.366.848.366z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGShP0ANOU)%22%20d%3D%22M18.936%209.964H5.066a1.22%201.22%200%200%200-.849.349c-.22.218-.346.514-.348.825v8.689a1.16%201.16%200%200%200%20.348.83c.227.221.529.343.848.343h7.284c.32%200%20.621-.122.848-.349l2.09-2.056c.756-.737.227-1.66-.841-1.66h-5.93v-2.916h8.323c.319%200%20.621-.128.848-.35l1.893-1.503l.198-.192c.755-.744.22-2.01-.842-2.01%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGQfbabcyA%22%20x1%3D%2220.132%22%20x2%3D%224.015%22%20y1%3D%2219.762%22%20y2%3D%2221.492%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237599f2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23562cdd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGShP0ANOU%22%20x1%3D%2220.132%22%20x2%3D%226.233%22%20y1%3D%227.327%22%20y2%3D%2213.107%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237599f2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23562cdd%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/euno.svg?color=%231a73e8&size=48