Icono Joe
token-branded:joe
El icono Joe (token-branded:joe) es un icono SVG gratuito de la colección Web3 Icons Branded de 0xa3k5. Está dibujado en una cuadrícula de 24 × 24. Web3 Icons Branded icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Web3 Icons Branded
- Autor
- 0xa3k5
- Licencia
- MIT
- Tamaño
- 24 × 24
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/token-branded/joe.svg" alt="Icono Joe" width="24" height="24">Iconos relacionados en Web3 Icons Branded
El icono Joe en otras colecciones
Preguntas frecuentes sobre Icono Joe
¿El icono Joe es gratis para uso comercial?
Sí. Web3 Icons Branded icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Joe en React?
Instala @iconify/react y renderiza <Icon icon="token-branded:joe" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Joe a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/token-branded/joe.svg" alt="Icono Joe">, o pega el código SVG en línea para darle estilo con CSS.