Joe icon
token-branded:joe
The Joe icon (token-branded:joe) 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="#f2716a" d="M5.314 6.6c1.121 1.214 5.045 3.471 6.398 4.629c1.44-.617 4.921-2.68 6.46-4.629c-.788-.787-5.195-2.916-6.43-3.6c-1.537.807-5.23 2.571-6.428 3.6"/><path fill="#a24741" d="M5.314 8.874c.319.082.514.76.75.905c.294.164.484-.062.772.092c.345.18 1.224.628 1.373.849c.252.092-.236.694-.066.766c.4.18.354 1.543.514 1.8c.55.119 2.803-.771 3.343-.514V9.995L8.703 8.298c-.653-.33-1.08-.576-1.656-.849c-.55-.257-1.152-.694-1.733-.848z"/><path fill="#3b1a26" d="M17 16.012c-.104.18-2.809 1.954-3.292 1.99c-.103.123-.196.01-.335.113c-.37.309-.478.448-.925.54c-.221.077-.283.232-.448.448c.216.596.38-.17.37 1.897c.988-.072 1.857-1.018 2.71-1.43c.016-.005.006-.113.006-.277c.849.067 2.098-.874 2.808-1.286c.334-.216.273-.298.273-.298l-.026-1.646c-.293-.062-.15.01-.293-.206c-.468.052-.51.078-.849.155"/><path fill="#bd957e" d="M17.143 9.686c.134.175.864.118 1.029.257V8.657c-.216.103-.905.828-1.029 1.029"/><path fill="#d6d6d6" d="M11.753 16.51c.047.211.016.725.036.946c.052.72.818.01 1.955.124c1.347-.057 2.458-.478 3.332-1.749c.304-.447.031-.447.32-.72c.246-.231.349-.607.72-.812c.081-.237.24-.309.36-.525c.174-.293.102-.504.102-.941l-3.446 1.903c-.504.283-3.014 1.81-3.379 1.774"/><path fill="#db5b54" d="M12 9.974v2.54c.36 0 1.415-.75 1.718-.966v-.823c.237-.617 2.067-1.311 2.695-1.476c.329-.092.962.01 1.244.18c.155-.134.242-.473.515-.535V6.601c-1.646.514-4.51 2.391-6.172 3.373"/><path fill="#886b58" d="M5.314 13.49c.951.433 1.286 1.08 2.263 1.003c-.016-.756.514-.884.653-1.527c.103-.453-.051-1.522-.046-2.047c.144-.267.03-.082.452-.21c-.144-.242-1.327-.782-1.645-.967c-.268-.155-.453-.232-.726-.396c-.226-.14-.648-.494-.951-.576z"/><path fill="#bd957e" d="m17.4 11.49l-.015.767c-.473.108-.334.144-.802.375c-.227.129-.5.34-.86.443l-.004-.618a.3.3 0 0 1-.057.046c-.267.248-.38.412-.72.186l-.026.92c-.375.118-.463.268-.807.376c-.216.252-.643.426-.895.509l.02-1.851c.263-.19.978-.412.875-.515l-.941-.37c-.283.051-.54.237-.746.37c-.262.165-.231.226-.453.36l.026 3.646c1.58-.89 5.194-2.17 6.14-3.677v-1.316a1.33 1.33 0 0 0-.745.35z"/><path fill="#898988" d="M7.562 14.495v.504c.376.123.962.473 1.27.71c.35.154.556.231.736.442l.489.221c.092.113.205.175.35.247c.046.03.236.123.241.134c.2.133-.015-.103.144.164l.16.062c.306.105.59.267.838.478l.128-.046c-.092-.129-.046-.016-.103-.237c-.025-.113-.015-.154-.025-.267c-.02-.221.015-.195-.031-.406c-.463-.093-.844-.71-1.111-1.029l-1.887-2.294c-.144-.36-.057-1.558-.052-2.016c-.329-.067-.447-.252-.823-.334c0 .658.057 1.527-.051 1.99c-.144.643-.283.92-.273 1.677"/><path fill="#f2716a" d="M13.219 10.827c.396.37 1.594 1.06 2.078 1.337c.658-.411 2.607-1.409 3.378-2.093c-.396-.247-1.872-1.399-2.247-1.296c-.591.165-2.983 1.455-3.209 2.057z"/><path fill="#886b58" d="M12 16.371v-3.816c-.56-.241-2.504-1.229-3.085-1.326c0 .375-.14 1.357 0 1.64z"/><path fill="#fcfcfc" d="M8.529 11.167c0 .462-.093 1.66.051 2.02l2.057 2.29c.268.323.653.94 1.116 1.028c.36.04 2.88-1.492 3.374-1.78l3.456-1.902c-.134-.134-.304-.227-.473-.34c-.175.298.03.057-.366.288l-5.94 3.343L8.962 12.9c-.124-.309-.047-1.481-.047-1.898c-.272.067-.17.01-.385.165"/><path fill="#29121a" d="M8.915 18.943c.257.17 3.08 2.314 3.6 2.026c.01-1.98-.14-1.25-.36-1.81c-.926-.216-1.368-.412-2.16-.86c-.278.093-1.08.13-1.08.644"/><path fill="#9b3d53" d="M10.046 17.626c.077.103.041.062.057.293c.01.108.03.283.01.463c.535.293 1.234.69 1.79.977c.154.016 1.116-.498 1.126-.673v-.257c.18-.119.51-.407.771-.515c-.195-.103-.74.32-.987.17c-.401-.72-.463-.838-1.841-1.198c-.17.139-.309.118-.514.257c-.206.118-.289.308-.412.483"/><path fill="#db5b54" d="m15.307 11.944l-.02.9c.848-.632 2.391-1.543 3.399-1.82v-.952a7.2 7.2 0 0 0-3.379 1.872"/><path fill="#896c5a" d="M7.886 19.457v-1.543c-.304-.267-.504-.226-.772-.514c.216-.21.185.083.515 0c-.216.01.02-.293.01-.447l-.268-.324c-.416.92-.807.504-1.542.298v1.502c.329.103 1.692.936 2.057 1.028"/><path fill="#9b3d53" d="M5.88 16.937c.319.077.463.308.76.34c.196.014.284-.032.443-.094c.262-.102.226-.01.34-.256c-.294-.37-.144 0-.33-.417c.186-.155.114-.165.422-.129c.067-.314.057-.128-.046-.175c-.386.083-.082.103-.386.037c-.113.036-.365.025-.463.072c-1.1-.479-.601-.824-.308-1.27c.01-.016.499.06.545.04c-.226-1.543-.514.515-.576-.859c-.257.165-.062.093-.401.165c-.33-.221-.247-.123-.566-.334v2.592c.226.102.33.19.566.282z"/><path fill="#c67768" d="M6.282 14.212c-.005.36 0 .17-.252.38c.432.658.509-.365.601.298c.078.083-.257.278-.18.36c.088.268-.113.448.052.7c.118.185.488.236.602.411c.102.052.478-.308.411 0l.237.268c-.02.334-.396.499-.155.499c.34.072.448.061.653.308c.206.242-.293.437-.246.761c.066 1.697.18.36.678.18l.227-.087l.005-.376c.658 0 .283-.164.771-.257v.257h.258c.123-.174.303-.514.53-.648c.205-.128.328-.241.498-.38l-.17.02c-.324.124-.653.273-.997.294c-.206.036-.103-.052-.19.066c-.13.165-.659.54-.968.55l-.432-1.156c-.339-.103-.699-.772-.858-1.096c-.19-.38-.237-.314-.432-.602c-.247-.36-.247-.329-.283-.668l.35.015c-.103-.164.149-.103-.18-.139c-.145.072.066-.23-.19-.23l-.217.056c-.344-.196 0-.047-.329-.222c.077.247.077.206.206.432z"/><path fill="#a24741" d="m13.209 11.749l.802.432l.046.051c.242.118.566.273.751.437l.16.02c.2.14.113.093.318.155l.021-.9c-.386-.21-.648-.34-1.034-.57c-.257-.155-.745-.464-1.054-.546l-.01.926z"/><path fill="#bd957e" d="M9.877 17.8c-.258.165-.828.206-1.111.325l-.263.04c-.154.17-.18.026-.267-.102l-.35-.072v1.466c.386-.082.155-.02.494-.237c.19-.118.298-.17.489-.273c.195-.216 1.018-.421 1.28-.524c.016-.196.062-.386.052-.51c-.016-.246-.18-.41-.258-.514z"/><path fill="#b64759" d="M8.204 16.664c-.216-.488-.257-.128-.19-.565c.19-.124.01-.02.273-.124c.318-.128.092-.082.452-.139l.154-.138a5 5 0 0 0-1.229-.736l-.072-.504l-.586-.216l-.375.052c.03.329.036.308.282.668c.196.288.247.221.432.602c.16.319.515 1.003.86 1.1"/><path fill="#c54d62" d="M13.013 18.598c.232-.052.34-.108.504-.206c.103-.062.098-.041.227-.154c.123-.103.097-.072.19-.19c1.929-.967.113-.036-.33-.684l-1.609-.165l.761.956c.247.155.412-.143.602-.04c-.273.107-.283.107-.447.226zm3.369-2.53l.314.35c.267-.068.37-.165.642-.294c.33-.077.145-.113.597-.15c.232-.303.196-.184.196-.72l-.01-.966c-.36.216-.464.591-.716.813c-.293.277-.272.102-.57.545c-.304.432-.294.432-.453.421"/><path fill="#da5a53" d="M8.143 16.886c.133.082.344.37.427.637c.452-.102.858-.123 1.116-.38c-1.008-1.394-.345-.38-.947-1.317a2 2 0 0 0-.72.257c-.133.288.072.5.124.803"/><path fill="#9d4542" d="m7.968 18.171l.545-.195a1.06 1.06 0 0 0-.822-.874c-.335.082-.474.154-.69.375l.093.103c.33.226.309.092.874.586z"/><path fill="#aa3a62" d="m15.009 17.092l-.144.083l-.077.504c.617-.134.133-.026 1.337-.782c.293-.185 1.044-.489 1.209-.772c-.268.129-.37.19-.633.258l-.303-.324c-.402.077-.114-.155-.412.252l-.648.75z"/><path fill="#b74667" d="M7.012 16.31c-.124-.252-.144-.324-.278-.51c-.319-.452-.283-.385.123-.653l-.226-.247c-.046.016-.35.103-.36.119c-.252.396.052.072-.463.643c.129.313.37.653.813.766l.17-.052l.216-.066z"/><path fill="#493238" d="M14.13 13.98c.35-.113.437-.257.812-.38l.026-.921l-.155-.02c-.164.169-.437.277-.668.36z"/><path fill="#b74667" d="M11.79 17.467c.01.267.154.509.138.617c-.026.242-.139-.015-.128.581c.205-.067.627-.221.822-.308c.01-.345.078-.067-.061-.32c-.206-.36-.057 0-.206-.256c-.154-.278.005-.247-.267-.468l-.175.108l-.124.05z"/><path fill="#dc8573" d="m9.582 17.184l.134.005c.123-.586-.386-.576-.15-1.039c-.18-.21-.385-.282-.735-.442l-.092.118c.411.648.02.438-.51.803c.104.077-.015.154.227.154c.75.02.206-.52 1.131.401z"/><path fill="#493238" d="m16.598 11.923l-.01.71c.468-.232.33-.268.797-.376l.01-.766l-.648.293l-.051.036l-.103.103z"/><path fill="#c54d62" d="M7.469 16.197c-.155-.257-.525-.823-.612-1.06c-.669.453-.16 1.225.612 1.06"/><path fill="#d25652" d="m9.645 17.184l-.041.093c.087-.124.051.087.267.051c.118-.309.113-.267.36-.494l-.164-.462l-.489-.222l-.226.196c.17.319.365.493.293.838"/><path fill="#a24741" d="M5.314 14.314c.278.267.082.164.483.4c.417-.076.479-.23.803-.4c-.16-.257-.412-.52-.515-.787c-.252-.16-.36-.18-.771-.242z"/><path fill="#c75667" d="m13.595 17.359l.154.22c.195.222.278.063.175.464c.36-.031.781-.226 1.09-.458c-.072-.072-.17-.308-.015-.504l-.37-.175l-1.03.453z"/><path fill="#c54d62" d="m11.97 19.169l.319-.052c.154-.195.025-.082.241-.21a.5.5 0 0 1 .124-.067c.2-.093-.082.01.206-.083c-.006-.195.01-.138-.062-.241c-.38-.047-.33.123-.71.231c-.139.046-.103.01-.226.026c-.036.267-.129.334.102.396z"/><path fill="#a83b45" d="m9.603 17.282l.041-.093h-.057c-1.676.437-.483.221-1.357-.34l.406.988c.309-.01.838-.396.967-.555"/><path fill="#dbdcdc" d="M7.886 10.941c.335.072.386.231.684.288c.2-.139.103-.087.345-.144c-.14-.231.062-.041-.283-.206l-.401-.164c-.38.113-.216-.01-.345.226"/><path fill="#a83b45" d="M9.79 17.219c.344-.01.863-.216 1.182-.334c-.154-.257-.7-.293-.916-.504l.067.432c-.247.221-.205.092-.329.406z"/><path fill="#bb524b" d="M8.908 18.29c.304-.113.638-.324.91-.473l-.05-.185c-.484.092-.31.252-.963.252z"/><path fill="#da5a54" d="M7.227 16.937c.257.015.622.077.637-.298l-.236-.268c-.304-.036-.36-.036-.545.119c.195.437-.144.077.144.442z"/></g></svg>How to use the Joe icon
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:joe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:joe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:joe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--joe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:joe"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:joe"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/token-branded/joe.svg" alt="Joe icon" width="24" height="24">Related icons in Web3 Icons Branded
Joe icon in other icon sets
Joe icon FAQ
Is the Joe 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 Joe icon in React?
Install @iconify/react and render <Icon icon="token-branded:joe" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Joe icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/token-branded/joe.svg" alt="Joe icon">, or paste the SVG code inline to style it with CSS.