opium logo

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

Name: opium
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 opium 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(#SVG0XqTcbks)" fill-rule="evenodd" d="M3 12.25c.01-2.17 1.25-6.5 6.18-6.5c.62.03 2.125.325 3.18 1.26c1.325 1.165 1.53 1.25 2.205 1.25c.54 0 1.165-.235 1.41-.35c.225-.1.825-.3 1.41-.3c.735 0 3.615.68 3.615 4.365S18.165 16.4 17.475 16.4a4.1 4.1 0 0 1-1.635-.33c-.3-.13-.75-.325-1.3-.325c-.49 0-1.415.675-1.82 1.01c-.51.5-1.98 1.495-3.755 1.495c-2.215 0-5.965-1.66-5.965-6m4 .1C6.955 11.235 7.445 9 9.765 9h.02c.145 0 .865-.02 1.865.625l.095.06c.99.64 1.49.96 2.62.96c.935 0 1.675-.385 1.93-.575c.293-.187.628-.3.975-.33c.45 0 1.73.44 1.73 2.25s-1.33 2.305-1.73 2.305c-.32 0-.785-.23-.975-.35a3.9 3.9 0 0 0-1.93-.57a3.8 3.8 0 0 0-1.9.57c-.46.35-1.62 1.055-2.6 1.055c-1.215 0-2.86-1.23-2.86-2.65z" clip-rule="evenodd"/><defs><linearGradient id="SVG0XqTcbks" x1="3.175" x2="20.765" y1="12.355" y2="12.355" gradientUnits="userSpaceOnUse"><stop stop-color="#4fef8f"/><stop offset=".23" stop-color="#ffed03"/><stop offset=".34" stop-color="#fd9d37"/><stop offset=".46" stop-color="#f62a81"/><stop offset=".59" stop-color="#9736b6"/><stop offset=".7" stop-color="#6453c5"/><stop offset=".83" stop-color="#1a7bd9"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedOpium(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(#SVG0XqTcbks)" fillRule="evenodd" d="M3 12.25c.01-2.17 1.25-6.5 6.18-6.5c.62.03 2.125.325 3.18 1.26c1.325 1.165 1.53 1.25 2.205 1.25c.54 0 1.165-.235 1.41-.35c.225-.1.825-.3 1.41-.3c.735 0 3.615.68 3.615 4.365S18.165 16.4 17.475 16.4a4.1 4.1 0 0 1-1.635-.33c-.3-.13-.75-.325-1.3-.325c-.49 0-1.415.675-1.82 1.01c-.51.5-1.98 1.495-3.755 1.495c-2.215 0-5.965-1.66-5.965-6m4 .1C6.955 11.235 7.445 9 9.765 9h.02c.145 0 .865-.02 1.865.625l.095.06c.99.64 1.49.96 2.62.96c.935 0 1.675-.385 1.93-.575c.293-.187.628-.3.975-.33c.45 0 1.73.44 1.73 2.25s-1.33 2.305-1.73 2.305c-.32 0-.785-.23-.975-.35a3.9 3.9 0 0 0-1.93-.57a3.8 3.8 0 0 0-1.9.57c-.46.35-1.62 1.055-2.6 1.055c-1.215 0-2.86-1.23-2.86-2.65z" clipRule="evenodd"/><defs><linearGradient id="SVG0XqTcbks" x1="3.175" x2="20.765" y1="12.355" y2="12.355" gradientUnits="userSpaceOnUse"><stop stopColor="#4fef8f"/><stop offset=".23" stopColor="#ffed03"/><stop offset=".34" stopColor="#fd9d37"/><stop offset=".46" stopColor="#f62a81"/><stop offset=".59" stopColor="#9736b6"/><stop offset=".7" stopColor="#6453c5"/><stop offset=".83" stopColor="#1a7bd9"/></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(#SVG0XqTcbks)" fill-rule="evenodd" d="M3 12.25c.01-2.17 1.25-6.5 6.18-6.5c.62.03 2.125.325 3.18 1.26c1.325 1.165 1.53 1.25 2.205 1.25c.54 0 1.165-.235 1.41-.35c.225-.1.825-.3 1.41-.3c.735 0 3.615.68 3.615 4.365S18.165 16.4 17.475 16.4a4.1 4.1 0 0 1-1.635-.33c-.3-.13-.75-.325-1.3-.325c-.49 0-1.415.675-1.82 1.01c-.51.5-1.98 1.495-3.755 1.495c-2.215 0-5.965-1.66-5.965-6m4 .1C6.955 11.235 7.445 9 9.765 9h.02c.145 0 .865-.02 1.865.625l.095.06c.99.64 1.49.96 2.62.96c.935 0 1.675-.385 1.93-.575c.293-.187.628-.3.975-.33c.45 0 1.73.44 1.73 2.25s-1.33 2.305-1.73 2.305c-.32 0-.785-.23-.975-.35a3.9 3.9 0 0 0-1.93-.57a3.8 3.8 0 0 0-1.9.57c-.46.35-1.62 1.055-2.6 1.055c-1.215 0-2.86-1.23-2.86-2.65z" clip-rule="evenodd"/><defs><linearGradient id="SVG0XqTcbks" x1="3.175" x2="20.765" y1="12.355" y2="12.355" gradientUnits="userSpaceOnUse"><stop stop-color="#4fef8f"/><stop offset=".23" stop-color="#ffed03"/><stop offset=".34" stop-color="#fd9d37"/><stop offset=".46" stop-color="#f62a81"/><stop offset=".59" stop-color="#9736b6"/><stop offset=".7" stop-color="#6453c5"/><stop offset=".83" stop-color="#1a7bd9"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-opium {
  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(%23SVG0XqTcbks)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%2012.25c.01-2.17%201.25-6.5%206.18-6.5c.62.03%202.125.325%203.18%201.26c1.325%201.165%201.53%201.25%202.205%201.25c.54%200%201.165-.235%201.41-.35c.225-.1.825-.3%201.41-.3c.735%200%203.615.68%203.615%204.365S18.165%2016.4%2017.475%2016.4a4.1%204.1%200%200%201-1.635-.33c-.3-.13-.75-.325-1.3-.325c-.49%200-1.415.675-1.82%201.01c-.51.5-1.98%201.495-3.755%201.495c-2.215%200-5.965-1.66-5.965-6m4%20.1C6.955%2011.235%207.445%209%209.765%209h.02c.145%200%20.865-.02%201.865.625l.095.06c.99.64%201.49.96%202.62.96c.935%200%201.675-.385%201.93-.575c.293-.187.628-.3.975-.33c.45%200%201.73.44%201.73%202.25s-1.33%202.305-1.73%202.305c-.32%200-.785-.23-.975-.35a3.9%203.9%200%200%200-1.93-.57a3.8%203.8%200%200%200-1.9.57c-.46.35-1.62%201.055-2.6%201.055c-1.215%200-2.86-1.23-2.86-2.65z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG0XqTcbks%22%20x1%3D%223.175%22%20x2%3D%2220.765%22%20y1%3D%2212.355%22%20y2%3D%2212.355%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234fef8f%22%2F%3E%3Cstop%20offset%3D%22.23%22%20stop-color%3D%22%23ffed03%22%2F%3E%3Cstop%20offset%3D%22.34%22%20stop-color%3D%22%23fd9d37%22%2F%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%23f62a81%22%2F%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%239736b6%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%236453c5%22%2F%3E%3Cstop%20offset%3D%22.83%22%20stop-color%3D%22%231a7bd9%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(%23SVG0XqTcbks)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%2012.25c.01-2.17%201.25-6.5%206.18-6.5c.62.03%202.125.325%203.18%201.26c1.325%201.165%201.53%201.25%202.205%201.25c.54%200%201.165-.235%201.41-.35c.225-.1.825-.3%201.41-.3c.735%200%203.615.68%203.615%204.365S18.165%2016.4%2017.475%2016.4a4.1%204.1%200%200%201-1.635-.33c-.3-.13-.75-.325-1.3-.325c-.49%200-1.415.675-1.82%201.01c-.51.5-1.98%201.495-3.755%201.495c-2.215%200-5.965-1.66-5.965-6m4%20.1C6.955%2011.235%207.445%209%209.765%209h.02c.145%200%20.865-.02%201.865.625l.095.06c.99.64%201.49.96%202.62.96c.935%200%201.675-.385%201.93-.575c.293-.187.628-.3.975-.33c.45%200%201.73.44%201.73%202.25s-1.33%202.305-1.73%202.305c-.32%200-.785-.23-.975-.35a3.9%203.9%200%200%200-1.93-.57a3.8%203.8%200%200%200-1.9.57c-.46.35-1.62%201.055-2.6%201.055c-1.215%200-2.86-1.23-2.86-2.65z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG0XqTcbks%22%20x1%3D%223.175%22%20x2%3D%2220.765%22%20y1%3D%2212.355%22%20y2%3D%2212.355%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234fef8f%22%2F%3E%3Cstop%20offset%3D%22.23%22%20stop-color%3D%22%23ffed03%22%2F%3E%3Cstop%20offset%3D%22.34%22%20stop-color%3D%22%23fd9d37%22%2F%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%23f62a81%22%2F%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%239736b6%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%236453c5%22%2F%3E%3Cstop%20offset%3D%22.83%22%20stop-color%3D%22%231a7bd9%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/opium.svg?color=%231a73e8&size=48