Pawth icon
token-branded:pawth
The Pawth icon (token-branded:pawth) is a free SVG icon from the Web3 Icons Branded set by 0xa3k5. It is drawn on a 24 × 24 grid. Web3 Icons Branded 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 Branded
- 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"><g fill="none"><path fill="#ff65b3" d="M8.823 13.769v3.87L12 19.098v-3.875z"/><path fill="#ffbdde" d="M15.176 17.638L12 19.1v-3.875l3.176-1.455zm-6.353-3.87l-3.028 5.326l3.028-1.456z"/><path fill="#ff349b" d="M8.823 20.998L12 19.093l-3.177-1.456z"/><path fill="#ff65b3" d="M5.795 19.094L8.823 21v-3.362L5.795 19.1zm9.381-5.325v3.87l3.028 1.46z"/><path fill="#ff349b" d="m15.176 20.999l3.028-1.906l-3.028-1.45z"/><path fill="#ff65b3" d="m11.999 19.093l3.176 1.905v-3.361L12 19.097z"/><path fill="#ff349b" d="m12 11.868l-3.177 1.906L12 15.235z"/><path fill="#ff65b3" d="M15.176 13.767L12 11.861v3.362zM5.647 8.452v3.097l2.647 1.165z"/><path fill="#ffbdde" d="M5.647 8.452L3 12.72l2.647-1.165z"/><path fill="#ff349b" d="m5.647 14.24l2.647-1.526l-2.647-1.164z"/><path fill="#ff65b3" d="m3 12.72l2.647 1.52v-2.69L3 12.714zm2.647 2.006v2.107l2.653-3.62l-2.647 1.513z"/><path fill="#ffbdde" d="M5.647 16.833v-2.107L3 13.207z"/><path fill="#ff65b3" d="M18.353 8.452v3.097l2.641 1.165z"/><path fill="#ffbdde" d="M18.352 8.452L15.71 12.72l2.647-1.165V8.452z"/><path fill="#ff349b" d="m18.353 14.24l2.646-1.526l-2.646-1.164z"/><path fill="#ff65b3" d="m15.71 12.72l2.647 1.52v-2.69l-2.647 1.164zm2.642 2.006v2.107l2.647-3.62z"/><path fill="#ffbdde" d="M18.352 16.833v-2.107l-2.642-1.519l2.647 3.626z"/><path fill="#ff65b3" d="M8.823 3v3.097l2.483 1.165z"/><path fill="#ffbdde" d="M8.823 3L6.34 7.267l2.488-1.165V3z"/><path fill="#ff349b" d="m8.823 8.786l2.483-1.525l-2.483-1.164z"/><path fill="#ff65b3" d="m6.34 7.267l2.488 1.519v-2.69L6.34 7.262zm2.483 2.006v2.107l2.488-3.626z"/><path fill="#ffbdde" d="M8.823 11.38V9.271L6.34 7.752l2.488 3.627z"/><path fill="#ff65b3" d="M15.176 3v3.097l2.489 1.165z"/><path fill="#ffbdde" d="m15.177 3l-2.478 4.267l2.478-1.165z"/><path fill="#ff349b" d="m15.176 8.786l2.489-1.525l-2.489-1.164z"/><path fill="#ff65b3" d="m12.692 7.267l2.489 1.519v-2.69l-2.489 1.165zm2.483 2.006v2.107l2.488-3.626z"/><path fill="#ffbdde" d="M15.177 11.38V9.271l-2.478-1.52z"/></g></svg>How to use the Pawth icon
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:pawth" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:pawth" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:pawth" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--pawth]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:pawth"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:pawth"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/token-branded/pawth.svg" alt="Pawth icon" width="24" height="24">Related icons in Web3 Icons Branded
Pawth icon in other icon sets
Pawth icon FAQ
Is the Pawth icon free for commercial use?
Yes. Web3 Icons Branded 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-branded: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-branded/pawth.svg" alt="Pawth icon">, or paste the SVG code inline to style it with CSS.