opium logo
opium from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- opium
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" 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"/></svg>
React
import type { SVGProps } from "react";
export function TokenOpium(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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"/></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%3Cpath%20fill%3D%22currentColor%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%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%3Cpath%20fill%3D%22currentColor%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%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/opium.svg?color=%231a73e8&size=48
