Cardano icon
logos:cardano
The Cardano icon (logos:cardano) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 103 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 103
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="103" viewBox="0 0 512 103"><path fill="#0033ad" d="M52.378 99.618a3.084 3.084 0 1 1 6.159.352a3.084 3.084 0 0 1-6.159-.352m-25.26-3.337a2.425 2.425 0 1 1 4.053 2.661a2.425 2.425 0 0 1-4.054-2.661m54.18-.95a2.42 2.42 0 0 1 3.257 1.072a2.425 2.425 0 1 1-3.257-1.073M32.973 83.448a3.744 3.744 0 1 1 6.264 4.1a3.744 3.744 0 0 1-6.264-4.1m40.719-1.382a3.74 3.74 0 0 1 5.034 1.639a3.748 3.748 0 1 1-5.14-1.583zM51.434 79.78a4.407 4.407 0 1 1 7.928 3.853a4.407 4.407 0 0 1-7.928-3.853m-38.982-6.822a3.084 3.084 0 1 1-.092.048zm82.566.877a3.084 3.084 0 1 1 5.16 3.381a3.084 3.084 0 0 1-5.16-3.381M43.304 60.156a7.496 7.496 0 0 1 9.83 10.705a7.46 7.46 0 0 1-6.275 3.387a7.496 7.496 0 0 1-3.555-14.092m18.937-.564a7.496 7.496 0 0 1 8.99 3.76a7.5 7.5 0 0 1-3.319 10.052a7.6 7.6 0 0 1-3.375.82a7.496 7.496 0 0 1-2.296-14.632m-36.095 4.163a4.407 4.407 0 1 1 6.68 5.75a4.407 4.407 0 0 1-6.68-5.75m52.08.339a4.407 4.407 0 0 1 6.103-1.266a4.416 4.416 0 0 1 1.266 6.103a4.407 4.407 0 0 1-7.369-4.837m-47.74-13.038a7.496 7.496 0 1 1 7.63 7.925l-.137.001h-.41a7.51 7.51 0 0 1-7.068-7.794l.006-.136zm35.364-.084a7.5 7.5 0 0 1 7.916-7.055a7.4 7.4 0 0 1 5.16 2.482a7.496 7.496 0 0 1-5.434 12.487l-.152.002h-.435a7.5 7.5 0 0 1-7.055-7.916m-53.197.341a3.744 3.744 0 1 1 7.475.425a3.744 3.744 0 0 1-7.475-.425m78.553-.17a3.744 3.744 0 1 1 7.476.428a3.744 3.744 0 0 1-7.476-.427m-88.74-1.995l.09.004a2.417 2.417 0 0 1 2.282 2.556a2.42 2.42 0 1 1-2.373-2.56m106.486-.25l.1.004a2.425 2.425 0 1 1-.101-.004M46.793 28.671a7.47 7.47 0 0 1 6.701 4.096a7.5 7.5 0 0 1-6.693 10.888a7.47 7.47 0 0 1-6.7-4.125a7.5 7.5 0 0 1 6.692-10.859m17.683-.053a7.496 7.496 0 1 1-.02 14.992a7.496 7.496 0 0 1 .02-14.992m-38.74 5.33a4.407 4.407 0 1 1 7.37 4.833a4.407 4.407 0 0 1-7.37-4.834m54.133-1.635a4.403 4.403 0 0 1 5.918 1.954a4.407 4.407 0 1 1-5.918-1.954m-68.711-6.648a3.084 3.084 0 1 1 5.159 3.382a3.084 3.084 0 0 1-5.16-3.382m84.944-1.249a3.084 3.084 0 1 1 2.774 5.51a3.084 3.084 0 0 1-2.774-5.51m-44.906-3.494a4.407 4.407 0 1 1 8.8.505a4.407 4.407 0 0 1-8.8-.505m-16.928-6.797a3.744 3.744 0 1 1 3.369 6.687a3.744 3.744 0 0 1-3.369-6.687m37.818 1.202a3.748 3.748 0 1 1 6.275 4.1a3.748 3.748 0 0 1-6.275-4.1m-44.252-12.1a2.425 2.425 0 1 1 2.183 4.33a2.425 2.425 0 0 1-2.183-4.33m52.327.714a2.425 2.425 0 1 1 4.059 2.653a2.425 2.425 0 0 1-4.06-2.653M54.54.173a3.084 3.084 0 1 1 2.036 5.823A3.084 3.084 0 0 1 54.54.173M486.883 25.89C502.49 25.89 512 34.164 512 51.658c0 17.495-9.495 25.769-25.117 25.769s-25.043-8.274-25.043-25.769s9.437-25.768 25.043-25.768m-330.62-.016c12.288 0 21.8 6.134 21.99 18.863l.002.388h-9.507c0-7.405-5.083-11.395-12.34-11.395c-9.92 0-14.64 5.689-14.74 16.851l-.002.34v1.45c0 11.612 4.653 17.203 14.745 17.203c7.612 0 12.597-3.914 12.696-11.035l.002-.216h9.146c0 12.996-9.433 19.091-21.991 19.091c-15.246 0-24.101-7.84-24.101-25.768c0-17.494 8.855-25.772 24.1-25.772m58.82.885l19.394 49.8H224.46l-4.096-10.818h-22.778l-3.99 10.817h-9.585l19.383-49.8zm54.964 0c10.961 0 16.262 5.882 16.262 15.098c0 6.682-2.915 11.584-8.67 13.937l-.186.075l10.65 20.69H277.94l-9.42-19.252h-15.46v19.251h-9.294v-49.8zm48.858 0c15.024 0 24.158 7.84 24.158 24.9c0 16.889-8.96 24.741-23.717 24.897l-.45.002h-19.89v-49.8zm60.183 0l19.382 49.8h-10.019l-4.063-10.818h-22.794L357.6 76.558h-9.58l19.39-49.8zm37.556 0l21.632 29.692l.076.113l.163.25l.174.273l.183.293l.382.622l1.203 2.004l.172.277l.05.079l.054.078l.36-.143l-.005-.227l-.028-.694l-.065-1.478l-.03-.794l-.01-.347l-.004-.295v-.085h-.009V26.759h8.925v49.8h-8.708l-21.778-29.98a25 25 0 0 1-.456-.686l-.148-.234l-.146-.233l-.213-.35l-.272-.455l-.13-.221l-.302-.524l-.597-1.05l-.116-.195l-.044-.07l-.034-.05l-.365.218l.006.205l.091 1.983l.025.636l.017.54l.006.33l.002.155v29.98h-8.929v-49.8zm70.24 6.971c-9.916 0-15.422 5.689-15.531 16.863l-.002.34v1.524c0 11.395 5.444 17.13 15.532 17.13c10.06 0 15.497-5.62 15.604-16.79l.002-.34v-1.524c0-11.399-5.513-17.203-15.606-17.203m-167.98.942h-10.596v33.973h10.597c9.343 0 14.486-5.263 14.66-15.937l.004-.325v-1.45c0-10.778-5.139-16.153-14.383-16.26zm-109.777.057h-.36l-.113.328l-1.445 4.425l-.427 1.289l-.382 1.133l-.15.435l-.287.823l-.136.383l-.131.359l-5.207 13.984l16.912-.004l-5.079-13.648l-.058-.151l-.122-.323l-.127-.346l-.2-.56l-.21-.598l-.214-.628l-.22-.65l-.367-1.108l-1.516-4.668l-.146-.432zm164.018 0h-.37l-.112.328l-1.445 4.425l-.427 1.289l-.382 1.133l-.149.435l-.287.823l-.137.383l-.13.359l-5.2 13.984l16.913-.004l-5.08-13.648l-.118-.31l-.124-.334l-.197-.544l-.207-.586l-.286-.832l-.293-.87l-.294-.888l-.467-1.428l-1.097-3.386zm-103.827-.057H253.06V49.48h16.257c4.793 0 7.623-2.9 7.623-7.622c0-4.448-2.555-7.125-7.457-7.184z"/></svg>How to use the Cardano icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:cardano" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:cardano" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:cardano" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cardano]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cardano"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:cardano"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/cardano.svg" alt="Cardano icon" width="24" height="24">Related icons in SVG Logos
Cardano icon in other icon sets
Cardano icon FAQ
Is the Cardano icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Cardano icon in React?
Install @iconify/react and render <Icon icon="logos:cardano" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cardano icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/cardano.svg" alt="Cardano icon">, or paste the SVG code inline to style it with CSS.