Ikon Joe
token-branded:joe
Ikon Joe (token-branded:joe) adalah ikon SVG gratis dari set Web3 Icons Branded karya 0xa3k5. Ikon ini digambar pada grid 24 × 24. Web3 Icons Branded icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Web3 Icons Branded
- Pembuat
- 0xa3k5
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<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>Cara memakai ikon Joe
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/token-branded/joe.svg" alt="Ikon Joe" width="24" height="24">Ikon terkait di Web3 Icons Branded
Ikon Joe di set ikon lain
FAQ Ikon Joe
Apakah ikon Joe gratis untuk penggunaan komersial?
Ya. Web3 Icons Branded icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Joe di React?
Pasang @iconify/react lalu render <Icon icon="token-branded:joe" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Joe ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/token-branded/joe.svg" alt="Ikon Joe">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.