IconSearch logoIconsearch
Home/Libraries/Web3 Icons Branded (Iconify)/domi
← Back to Search
Web3 Icons Branded (Iconify)

Domi

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGKUdhVmrY)" d="M5.118 8.03c-.424-.212-.705-.794-.795-1.059c.636.423 2.208.53 2.912.53a3.4 3.4 0 0 0-.794.529c.635-.212 1.678-.265 2.118-.265a4.24 4.24 0 0 1 3.176 1.324c-.423.635-.53 1.498-.53 1.852c-.147-1.058-1.058-2.647-2.646-2.647c-1.27 0-2.118.885-2.383 1.324l.53-.265v4.5c-.212 0-.44-.175-.53-.264c.424 1.058 1.589 1.588 2.383 1.588c.89 0 1.503-.365 1.922-.863c.794-.953.825-2.213 1.043-3.373c.38-2.064 1.8-3.176 3.917-3.176s3.97 1.588 3.97 3.706c0 2.753-1.323 4.235-3.97 4.235c-1.482 0-2.647-.794-3.176-1.588c.423-.424.704-1.414.794-1.853c.264.794 1.059 2.382 2.382 2.382c1.588 0 2.382-1.058 2.382-3.568c0-2.012-1.323-2.785-2.382-2.785c-1.588 0-2.541 1.472-2.78 2.785c-.126.688-.222 1.504-.396 1.98c-1.06 2.912-3.442 2.647-5.03 2.647c-1.27 0-1.943 1.06-2.117 1.588z"/><path fill="url(#SVGAUVJfbmN)" d="M6.706 9.01v-.45l-.53.264c-.264-.265-.264-.53-.264-.794L4.323 6.97c.09.265.371.847.795 1.059v9.265c.174-.53.847-1.589 2.117-1.589h.37c1.293.016 2.955.037 4.045-1.466l.18-.265a5 5 0 0 0 .35-.694l-.445-.222c-.264.704-1.165 2.17-2.647 2.383c-1.482.211-2.557-.265-2.912-.53l-.105-.265l.37-.264h-.53c-.211-.635-.211-1.27 0-1.06c.212.213.44.266.53.266c0-.212-.355-.62-.53-.795v-2.382s-.264-.264-.264-.53c0-.423.355-.174.53 0l.264-.396l-.265.132c.101-.164.276-.392.53-.609"/><path fill="url(#SVG53vzNdam)" d="M15.664 14.64c1.44-.1 2.16-1.175 2.16-3.562c0-2.012-1.324-2.785-2.383-2.785c-.09 0-.18 0-.264.016v-.016c1.852-.265 3.705 1.059 3.705 3.176c0 2.912-1.853 3.706-3.176 3.706z"/><path fill="url(#SVGccXBucMm)" d="m15.706 15.701l-.265.005c-1.482 0-2.647-.794-3.177-1.588h.795c.264.355 1.164 1.059 2.647 1.059z"/><path fill="url(#SVGN6ofgbKL)" fill-rule="evenodd" d="M12 19.941a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><defs><linearGradient id="SVGKUdhVmrY" x1="21" x2="4.579" y1="11.77" y2="11.77" gradientUnits="userSpaceOnUse"><stop stop-color="#f3d856"/><stop offset=".28" stop-color="#f8ee5d"/><stop offset=".56" stop-color="#c8742a"/><stop offset=".8" stop-color="#f7ee5d"/><stop offset="1" stop-color="#805321"/></linearGradient><linearGradient id="SVGAUVJfbmN" x1="21.194" x2="4.819" y1="11.77" y2="11.77" gradientUnits="userSpaceOnUse"><stop stop-color="#cc7e2e"/><stop offset=".67" stop-color="#ed7e1c"/><stop offset=".88" stop-color="#6e4720"/><stop offset=".97" stop-color="#613d19"/><stop offset="1" stop-color="#f47429"/></linearGradient><linearGradient id="SVG53vzNdam" x1="19.714" x2="6.857" y1="10.665" y2="10.665" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#6b4822"/><stop offset=".38" stop-color="#ed7022"/><stop offset=".73" stop-color="#f8b23c"/><stop offset="1" stop-color="#f7eb5c"/></linearGradient><linearGradient id="SVGccXBucMm" x1="3" x2="21" y1="6" y2="6" gradientUnits="userSpaceOnUse"><stop stop-color="#f18023"/><stop offset=".46" stop-color="#f59c1f"/><stop offset=".99" stop-color="#f8ed5d"/></linearGradient><linearGradient id="SVGN6ofgbKL" x1="4.853" x2="20.471" y1="7.5" y2="17.029" gradientUnits="userSpaceOnUse"><stop stop-color="#f8fbee"/><stop offset=".22" stop-color="#fff7a0"/><stop offset=".44" stop-color="#cfa34f"/><stop offset=".72" stop-color="#884a1d"/><stop offset=".88" stop-color="#8f5114"/><stop offset="1" stop-color="#5c1c01"/></linearGradient></defs></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. DomiIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Web3 Icons Branded (Iconify)

Browse all Web3 Icons Branded (Iconify) icons →
0x0
0x0
0xgas
0xgas
10set
10set
1art
1art
1inch
1inch
2dai
2dai
3ull
3ull
a
a
aa
aa
aag
aag
aart
aart
aave
aave