Pawth icon
token:pawth
The Pawth icon (token:pawth) 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="M8.824 13.769v3.87L12 19.098v-3.875z"/><path fill="currentColor" d="M15.176 17.638L11.999 19.1v-3.875l3.177-1.455zm-6.353-3.87l-3.028 5.326l3.028-1.456z"/><path fill="currentColor" d="M8.824 20.998L12 19.093l-3.176-1.456zm-3.029-1.904L8.823 21v-3.362L5.795 19.1zm9.38-5.325v3.87l3.029 1.46z"/><path fill="currentColor" d="m15.176 20.999l3.028-1.906l-3.028-1.45zM12 19.093l3.176 1.905v-3.361L12 19.097zm0-7.225l-3.176 1.906L12 15.235zm3.176 1.899L12 11.861v3.362zM5.647 8.452v3.097l2.647 1.165zm0 0L3 12.72l2.647-1.165z"/><path fill="currentColor" d="m5.647 14.24l2.647-1.525l-2.647-1.164z"/><path fill="currentColor" d="m3 12.72l2.647 1.52v-2.69L3 12.716zm2.647 2.007v2.107l2.652-3.62l-2.647 1.513z"/><path fill="currentColor" d="M5.647 16.833v-2.107L3 13.207zm12.706-8.381v3.097l2.642 1.165z"/><path fill="currentColor" d="M18.353 8.452L15.71 12.72l2.647-1.165V8.452z"/><path fill="currentColor" d="M18.353 14.24L21 12.715l-2.647-1.164z"/><path fill="currentColor" d="m15.71 12.72l2.648 1.52v-2.69l-2.647 1.165zm2.642 2.007v2.107L21 13.214z"/><path fill="currentColor" d="M18.353 16.833v-2.107l-2.642-1.519l2.647 3.626zM8.824 3v3.097l2.482 1.165z"/><path fill="currentColor" d="M8.824 3L6.34 7.267l2.488-1.165V3z"/><path fill="currentColor" d="m8.824 8.786l2.482-1.525l-2.482-1.164z"/><path fill="currentColor" d="m6.34 7.267l2.49 1.519v-2.69L6.34 7.262zm2.484 2.006v2.107l2.488-3.626z"/><path fill="currentColor" d="M8.824 11.38V9.271L6.34 7.752l2.488 3.627zM15.176 3v3.097l2.488 1.165z"/><path fill="currentColor" d="M15.176 3L12.7 7.267l2.477-1.165z"/><path fill="currentColor" d="m15.176 8.786l2.488-1.525l-2.488-1.164z"/><path fill="currentColor" d="m12.694 7.267l2.488 1.519v-2.69l-2.488 1.165zm2.483 2.006v2.107l2.488-3.626zm-.001 2.107V9.271L12.7 7.752z"/></svg>How to use the Pawth icon
React
import { Icon } from "@iconify/react";
<Icon icon="token:pawth" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:pawth" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:pawth" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--pawth]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:pawth"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:pawth"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/token/pawth.svg" alt="Pawth icon" width="24" height="24">Pawth icon in other icon sets
Pawth icon FAQ
Is the Pawth 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 Pawth icon in React?
Install @iconify/react and render <Icon icon="token:pawth" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pawth icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/token/pawth.svg" alt="Pawth icon">, or paste the SVG code inline to style it with CSS.