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

Cardano

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M11.784 4.05c.392-.201.875.256.662.64c-.114.304-.571.385-.819.152c-.245-.224-.163-.672.164-.8zm-4.217.44c.245-.096.54.112.516.36c.023.273-.32.48-.565.344c-.32-.12-.28-.624.05-.705m8.646.713c-.376-.049-.434-.609-.082-.72c.287-.13.54.111.582.368c-.058.216-.245.416-.5.352m-7.69 1.01c.402-.24.968.119.903.56c-.017.457-.63.72-.984.416c-.343-.24-.286-.793.082-.976m6.085.263c.18-.44.901-.456 1.105-.031c.198.336-.049.752-.408.864c-.467.08-.917-.4-.697-.833m-3.332.802c0-.377.36-.657.736-.682c.245.048.517.152.624.394c.196.327.023.784-.337.945c-.163.079-.36.046-.54.04c-.27-.13-.5-.386-.483-.69zm-6.272.56c.36-.216.852.177.712.561c-.074.32-.532.456-.794.248c-.279-.2-.238-.673.082-.81m13.477 0c.311-.24.819.032.778.401c.024.344-.408.61-.72.432c-.336-.152-.378-.64-.058-.833m-5.437.681a1.25 1.25 0 0 1 1.409.473c.377.528.18 1.345-.417 1.65c-.615.368-1.516.056-1.745-.601c-.261-.593.115-1.338.754-1.522m-2.988.056c.565-.257 1.327-.04 1.596.514c.328.543.075 1.297-.498 1.577c-.574.32-1.393.08-1.663-.505c-.32-.56-.04-1.33.565-1.586m-2.996.985c.04-.351.385-.577.736-.6a.78.78 0 0 1 .705.68c-.026.36-.312.721-.705.721c-.443.033-.819-.393-.736-.801m8.842-.529c.45-.239 1.065.12 1.048.61c.033.528-.654.898-1.097.592c-.466-.257-.434-.976.05-1.202m-7.066 1.85c.26-.066.536-.047.785.054c.248.1.455.28.59.508a1.14 1.14 0 0 1-.27 1.458c-.557.505-1.588.297-1.882-.385c-.345-.625.065-1.466.777-1.634m5.675 0c.507-.143 1.104.049 1.375.49c.369.512.188 1.282-.344 1.602c-.573.385-1.441.184-1.752-.417c-.377-.616 0-1.49.72-1.682zm-9.048.57c.45-.16.95.32.77.753c-.116.393-.689.536-.983.24c-.352-.265-.221-.873.213-.993m12.257.633a.67.67 0 0 1 .175-.482a.7.7 0 0 1 .472-.223c.303.048.606.288.582.617c.031.425-.509.721-.886.513c-.18-.081-.268-.256-.343-.425m-14.485-.417c.28-.112.615.112.549.4c-.017.33-.516.457-.704.186c-.163-.193-.065-.482.163-.586zm17.155 0c.196-.135.498-.047.571.168c.132.24-.105.561-.375.52c-.385.033-.516-.528-.196-.696zm-10.08 1.57c.712-.176 1.48.4 1.49 1.105c.041.721-.711 1.363-1.449 1.195a1.2 1.2 0 0 1-.714-.408a1.17 1.17 0 0 1-.278-.762c0-.522.411-1.018.951-1.121zm2.833 0c.728-.192 1.515.393 1.506 1.122c.041.696-.695 1.313-1.416 1.17c-.67-.08-1.171-.793-.982-1.427c.098-.417.458-.76.892-.865m-5.47.44c.508-.08.983.458.77.914c-.148.489-.885.625-1.213.224c-.385-.385-.097-1.09.444-1.138m8.32.025c.442-.185.998.192.957.657c.025.513-.654.874-1.097.568c-.49-.272-.41-1.064.14-1.225m2.316 2.243c-.171-.32.148-.737.508-.681c.18 0 .311.137.426.257c.024.184.065.4-.098.552c-.222.264-.712.185-.836-.128M4.997 15.35c.336-.216.819.112.744.49c-.04.345-.483.537-.77.345c-.31-.178-.303-.674.026-.835m6.706.713c.442-.192 1.007.185.966.65c.033.52-.664.881-1.096.568c-.493-.265-.411-1.057.13-1.218m-3.111.698c.385-.193.892.137.851.545c.017.336-.328.624-.664.568c-.285 0-.474-.248-.564-.48c0-.257.115-.537.385-.641zm6.305 0c.385-.233.933.105.9.537c.007.464-.615.752-.983.456a.583.583 0 0 1 .082-.985zm1.088 2.603c-.171-.24.033-.553.312-.608c.228.047.466.208.408.455c-.023.345-.54.45-.72.161zm-8.687-.216c.065-.2.228-.4.475-.345c.36.024.466.545.155.706c-.286.175-.606-.073-.63-.36m4.192.232c.065-.296.466-.44.729-.28c.163.073.222.257.261.417l-.065.239c-.106.128-.245.248-.418.24c-.335.041-.638-.32-.507-.616"/></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. CardanoIcon.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