Idna icon
token:idna
The Idna icon (token:idna) is a free SVG icon from the Web3 Icons set by 0xa3k5. It is drawn on a 24 × 24 grid. Web3 Icons are released under the MIT 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
- Web3 Icons
- Author
- 0xa3k5
- License
- MIT
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.865 6.712a.21.21 0 0 1 .265.159c.122.476.667 1.44 1.895 1.44h.508c.323.063.795.238 1.197.577c.407.338.741.847.741 1.561v2.383c0 .127-.095.227-.212.227a.22.22 0 0 1-.202-.137a.2.2 0 0 1-.015-.085v-2.382a1.54 1.54 0 0 0-.582-1.218a2.34 2.34 0 0 0-.985-.476h-.45a2.38 2.38 0 0 1-2.319-1.774a.22.22 0 0 1 .16-.275m10.779 0a.24.24 0 0 0-.292.159c-.132.476-.74 1.44-2.101 1.44h-.572a3.2 3.2 0 0 0-1.324.577a1.92 1.92 0 0 0-.825 1.561v2.383c0 .127.106.227.238.227s.238-.1.238-.222v-2.382a1.48 1.48 0 0 1 .646-1.218a2.65 2.65 0 0 1 1.096-.476h.503a2.594 2.594 0 0 0 2.562-1.774c.037-.116-.037-.243-.17-.275"/><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-.53c4.658 0 8.47-3.812 8.47-8.47S16.658 3.53 12 3.53S3.53 7.34 3.53 12c0 4.658 3.811 8.47 8.47 8.47" clip-rule="evenodd"/><path fill="currentColor" d="M12 4.589c2.065 0 3.918.762 5.294 2.006v.64c-1.313-1.35-3.208-2.117-5.315-2.117c-2.085 0-3.96.741-5.272 2.07v-.635C8.083 5.335 9.957 4.589 12 4.589m-5.558.53c.148 0 .265.105.265.232V18.65c0 .127-.117.232-.265.232s-.265-.106-.265-.233V5.352c0-.127.117-.233.265-.233M7.5 15.705c.148 0 .264.095.264.212v3.462c0 .117-.116.212-.264.212s-.265-.095-.265-.212v-3.462c0-.111.117-.207.265-.207zm1.059 1.17c.148 0 .264.09.264.196v2.673c0 .106-.116.196-.264.196s-.265-.084-.265-.196v-2.673c0-.106.116-.196.265-.196m1.058 1.032c-.148 0-.264.085-.264.186v2.186c0 .106.116.19.264.19s.265-.084.265-.19v-2.186c0-.106-.116-.186-.265-.186m6.882-2.202c-.148 0-.264.095-.264.212v3.462c0 .117.116.212.264.212s.265-.095.265-.212v-3.462c0-.111-.116-.207-.265-.207zm-1.059 1.17c-.148 0-.264.09-.264.196v2.673c0 .106.116.196.264.196s.265-.084.265-.196v-2.673c0-.106-.116-.196-.264-.196m-1.058 1.032c.148 0 .265.085.265.186v2.186c0 .106-.117.19-.265.19s-.265-.084-.265-.19v-2.186c0-.106.117-.186.265-.186m-1.324-.878c0 .148-.11.264-.248.264h-1.62c-.138 0-.25-.116-.25-.264s.112-.265.25-.265h1.62c.137 0 .248.116.248.265m-.264-1.853c0 .148-.138.264-.307.264h-.975c-.169 0-.307-.116-.307-.264s.138-.265.307-.265h.975c.169 0 .306.116.306.265m4.764-10.059c.148 0 .265.106.265.233v13.3c0 .127-.117.232-.265.232s-.265-.106-.265-.233V5.352c0-.127.117-.233.265-.233"/><path fill="currentColor" d="m9.465 5.118l-.64.17a4.2 4.2 0 0 0 3.191 1.418a4.2 4.2 0 0 0 3.16-1.376l-.645-.17a3.616 3.616 0 0 1-5.072-.042zM7.94 13.022a3.54 3.54 0 0 1-1.763-2.568l.456-.042c.052.53.38 1.535 1.561 2.266a.2.2 0 0 1 .064.291a.243.243 0 0 1-.318.053m8.121 0a3.53 3.53 0 0 0 1.763-2.568l-.455-.042c-.053.53-.382 1.535-1.562 2.266a.2.2 0 0 0-.1.13a.2.2 0 0 0 .036.161a.244.244 0 0 0 .318.053m-4.431 1.117a.26.26 0 0 0-.212 0l-1.376.625c-.138.058-.201.211-.127.333A2.37 2.37 0 0 0 12 16.235c.915 0 1.667-.434 2.085-1.138c.075-.122.01-.275-.127-.333l-1.376-.625a.26.26 0 0 0-.212 0l-.265.122a.26.26 0 0 1-.211 0zm.466.625l.28-.127a.25.25 0 0 1 .212 0l.974.439a1.9 1.9 0 0 1-1.561.72a1.9 1.9 0 0 1-1.562-.72l.974-.445a.25.25 0 0 1 .212 0l.28.133a.26.26 0 0 0 .19 0"/><path fill="currentColor" fill-rule="evenodd" d="M7.49 9.354a.25.25 0 0 0-.255.243c0 .741.636 1.345 1.424 1.345h1.499a.25.25 0 0 0 .254-.244c0-.74-.636-1.344-1.424-1.344zm1.604.428H7.78c0 .403.344.73.773.73h1.312c0-.402-.344-.73-.772-.73m7.416-.428c.138 0 .254.105.254.243c0 .741-.635 1.345-1.424 1.345h-1.498a.25.25 0 0 1-.254-.244c0-.74.635-1.344 1.424-1.344zm-1.604.428h1.313c0 .403-.344.73-.773.73h-1.313c0-.402.344-.73.773-.73" clip-rule="evenodd"/><path fill="currentColor" d="M6.664 12.742c-.01-.127-.127-.217-.265-.212c-.127.01-.233.117-.222.239c.053.725.434 2.466 1.593 3.69c1.033 1.085 2.43 2.953 4.23 2.953s3.198-1.868 4.23-2.954c1.16-1.217 1.54-2.964 1.588-3.69c.016-.121-.09-.227-.222-.238c-.133-.005-.249.085-.26.212a6.1 6.1 0 0 1-1.471 3.42c-.837.879-2.303 2.8-3.865 2.8c-1.561 0-3.028-1.921-3.864-2.805c-1.06-1.112-1.43-2.748-1.472-3.415M4.806 6.75a.28.28 0 0 1 .35.043l.036.042c.07.08.17.196.254.323c.106.159.202.36.202.593c0 .402-.318.71-.45.836l-.006.006l-1.46 1.561a.276.276 0 0 1-.35.021c-.106-.079-.117-.211-.027-.301L4.816 8.31c.143-.138.34-.333.34-.561a.67.67 0 0 0-.138-.381c-.07-.106-.143-.186-.212-.265l-.053-.053c-.08-.095-.053-.233.053-.302"/><path fill="currentColor" d="M4.652 8.723a.28.28 0 0 1 .35.042l.037.043c.227.26.608.698.608 1.058c0 .403-.317.71-.45.837l-.005.005l-1.757 1.747a.276.276 0 0 1-.35.021c-.106-.074-.111-.211-.026-.301l1.757-1.747c.143-.138.34-.334.34-.562c0-.254-.345-.608-.504-.794l-.047-.053c-.085-.09-.059-.227.052-.296z"/><path fill="currentColor" d="M4.775 10.757a.22.22 0 0 1 .29.037l.032.042c.059.069.143.17.212.286c.09.138.339.54.339.746c0 .355-.265.63-.376.742l-.005.005l-1.377 1.44a.22.22 0 0 1-.285.016a.18.18 0 0 1-.06-.201a.2.2 0 0 1 .038-.064l1.372-1.44c.116-.122.28-.296.28-.498c0-.116-.212-.45-.28-.56a2 2 0 0 0-.18-.239l-.043-.047a.18.18 0 0 1 .043-.265"/><path fill="currentColor" d="M4.737 12.827a.21.21 0 0 1 .286.037l.031.037c.053.069.36.444.43.56c.084.139.163.319.163.525c0 .355-.264.63-.37.741l-.006.005l-.857.91a.21.21 0 0 1-.286.017a.18.18 0 0 1-.016-.265l.852-.91c.117-.122.276-.297.276-.498a.7.7 0 0 0-.106-.339a10 10 0 0 0-.44-.556a.18.18 0 0 1 .043-.264"/><path fill="currentColor" d="M4.774 15.071c.185.217.37.492.37.794c0 .392-.264.741-.555.974l.307.456a1.77 1.77 0 0 0 .752-1.43c0-.466-.19-.9-.509-1.217l-.37.423zm14.42-8.322a.276.276 0 0 0-.349.042l-.037.043c-.069.08-.17.196-.254.323c-.106.158-.201.36-.201.593c0 .402.318.709.45.836l.005.005l1.461 1.562c.09.09.25.1.35.021c.106-.08.116-.212.026-.302l-1.46-1.561c-.144-.138-.34-.334-.34-.561c0-.133.053-.26.138-.382c.069-.105.143-.185.212-.264l.053-.053c.08-.096.053-.233-.053-.302"/><path fill="currentColor" d="M19.348 8.724a.276.276 0 0 0-.35.042l-.037.042c-.227.26-.608.7-.608 1.06c0 .401.317.708.45.836l.005.005l1.758 1.747c.09.09.243.1.349.021c.106-.074.111-.212.026-.302l-1.757-1.747c-.143-.137-.339-.333-.339-.56c0-.255.344-.61.503-.795l.047-.053c.085-.09.059-.228-.052-.296z"/><path fill="currentColor" d="M19.226 10.757a.22.22 0 0 0-.29.037l-.033.042a2 2 0 0 0-.212.286c-.16.225-.275.478-.338.746c0 .355.264.63.375.742l.011.005l1.366 1.44c.074.08.212.085.291.016a.18.18 0 0 0 .021-.265l-1.37-1.44c-.117-.122-.282-.296-.282-.498c0-.116.212-.45.281-.56c.058-.09.122-.17.18-.239l.043-.047a.18.18 0 0 0-.043-.265"/><path fill="currentColor" d="M19.263 12.827a.21.21 0 0 0-.286.037a1.02 1.02 0 0 0-.624 1.122c0 .355.264.63.37.741l.006.005l.857.91a.21.21 0 0 0 .286.017a.18.18 0 0 0 .016-.265l-.853-.91c-.116-.122-.275-.297-.275-.498a.7.7 0 0 1 .106-.339q.21-.286.44-.556a.18.18 0 0 0 .037-.142a.18.18 0 0 0-.08-.123"/><path fill="currentColor" d="M19.226 15.071c-.185.217-.37.492-.37.794c0 .392.264.741.555.974l-.307.456a1.77 1.77 0 0 1-.751-1.43c0-.466.19-.9.508-1.217l.37.423z"/></svg>How to use the Idna icon
React
import { Icon } from "@iconify/react";
<Icon icon="token:idna" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:idna" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:idna" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--idna]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:idna"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:idna"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/token/idna.svg" alt="Idna icon" width="24" height="24">Idna icon FAQ
Is the Idna icon free for commercial use?
Yes. Web3 Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Idna icon in React?
Install @iconify/react and render <Icon icon="token:idna" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Idna icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/token/idna.svg" alt="Idna icon">, or paste the SVG code inline to style it with CSS.