ICONYZ
Español
Icono Osmo de Web3 Icons Branded

Icono Osmo

token-branded:osmo

El icono Osmo (token-branded:osmo) 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
Descargar SVG

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="url(#SVGUsmbIdEj)" d="M12.618 6.15a6.63 6.63 0 0 0-4.754 1.001l-.047.053c.53-.328 1.291-.62 1.291-.62c-1.974 1.182-2.583 2.52-2.583 2.52c.768-1.53 3.018-2.604 4.786-2.678s2.922.46 4.341 1.625c1.408 1.181 2.26 3.585 2.176 5.49c-.074 1.906-1.049 3.447-1.049 3.447a9.2 9.2 0 0 0 1.33-2.208c.052-.196.095-.397.121-.614c.61-3.812-1.9-7.401-5.612-8.015"/><path fill="#5e12a0" d="M19.633 6.525c-.175-.667-.72-1.329-1.705-2.064c-.794-.599-1.64-.932-2.302-.932c-.138 0-.26.01-.382.037a1.11 1.11 0 0 0-.74.625c-.207.402-.255.942-.123 1.27c.053.095.106.223.186.334c-.646.402-1.012.513-1.06.53a7.26 7.26 0 0 1 3.955 3.345l.011-.154c.037-.412.159-.889.334-1.376c.169.053.338.074.508.074c.45 0 .842-.185 1.085-.53c.244-.333.339-.783.233-1.164z"/><path fill="url(#SVGY5COlebH)" d="M17.875 7.775c1.112.318 1.562-.56 1.414-1.148c-.16-.593-.667-1.192-1.573-1.87c-.9-.677-1.81-.952-2.398-.825c-.582.122-.752 1.038-.609 1.387c.064.138.196.339.381.566c-.232.16-.455.286-.635.403a7.2 7.2 0 0 1 2.827 2.319c.085-.34.207-.64.318-.9c.08.01.18.031.275.068"/><path fill="url(#SVGR9HkMe4K)" d="M11.534 20.058c3.759 0 6.808-3.134 6.808-7.004c0-3.865-3.05-7.004-6.808-7.004s-6.808 3.134-6.808 7.004c0 3.865 3.049 7.004 6.808 7.004"/><path fill="#a98698" d="M18.728 6.049a4.5 4.5 0 0 0-2.642-1.482c-.73-.175-.535-.599.355-.514a2.17 2.17 0 0 0-1.123-.122c-.582.122-.751 1.038-.608 1.387c.063.138.195.34.38.567a10 10 0 0 1-.846.513a5.6 5.6 0 0 1 1.27.8c-.683-.598-.534-.874.403-1.551c.29-.212.825-.191 1.323.074c.503.264 1.085.926 1.085.926l-.555 1.107l.105.037c.355.1.636.074.853-.016c.26-.159.926-.715 0-1.726"/><path fill="#5e12a0" d="M16.076 5.171c.777.36 1.48.862 2.07 1.482a6.7 6.7 0 0 0-.88 1.912l.266.375c.09-.312.238-.772.428-1.238a.6.6 0 0 0 .175.016c.143 0 .318-.027.45-.143a.52.52 0 0 0 .196-.461q.002-.358-.561-.9a8 8 0 0 0-1-.815c-1.05-.715-1.78-.916-2.108-.583c-.217.228-.196.503-.122.704c-.386.265-.72.456-.937.583c.148.047.28.106.424.17c.391-.213.953-.578 1.599-1.102m2.302 1.795a.3.3 0 0 1 .048.159c0 .116-.037.153-.063.174a.4.4 0 0 1-.228.064c.069-.148.159-.275.243-.397m-3.012-1.87c.037-.036.138-.063.297-.036c-.122.1-.244.185-.37.275c-.011-.09 0-.175.073-.238"/><path fill="url(#SVG8jPAJb7Q)" d="M11.534 20.057c3.759 0 6.808-3.134 6.808-7.004c0-3.864-3.05-6.877-6.808-6.877s-6.808 3.007-6.808 6.877c0 3.865 3.049 7.004 6.808 7.004"/><path fill="#a98698" d="M11.486 19.2c-3.717-.609-6.237-4.203-5.628-8.026a6.98 6.98 0 0 1 2.266-4.172a6.99 6.99 0 0 0-3.314 4.935c-.598 3.822 1.922 7.417 5.628 8.03c2.064.355 4.066-.312 5.537-1.614a6.67 6.67 0 0 1-4.49.847"/><path fill="url(#SVG5EKAGeBy)" d="M17.824 12.99c0 3.669-2.843 6.654-6.348 6.654c-3.5 0-6.358-2.985-6.358-6.654z"/><path fill="url(#SVGZ2NjscGo)" d="M17.32 12.99c0 3.584-2.7 6.511-6.093 6.654h.248c3.505 0 6.348-2.985 6.348-6.654z"/><path fill="url(#SVGBkgd5dna)" d="M5.213 12.99c0 3.669 2.742 6.654 6.31 6.654c.16 0 .302 0 .45-.015c-3.35-.25-6.003-3.13-6.003-6.64z"/><path fill="url(#SVG57RAvdOB)" d="M17.824 13.054c0-.768-1.271-1.202-2.955-1.356c-1.217-.1-2.45.027-3.864.477c-1.218.376-2.324.317-3.124.211c-1.784-.211-2.763-.238-2.763.668c0 1.302 2.54 2.932 6.342 2.366c1.927-.286 2.917-.879 4.055-1.276c1.234-.423 2.308-.413 2.308-1.09"/><path fill="#fff" d="M13.852 9.883a1.058 1.058 0 1 0 0-2.117a1.058 1.058 0 0 0 0 2.117m1.589 1.059a.53.53 0 1 0 0-1.06a.53.53 0 0 0 0 1.06"/><path fill="url(#SVGx0sYLcVz)" d="M17.098 7.866h-.027c-.069-.01-.122-.09-.106-.175a2.9 2.9 0 0 1 .593-1.154c.053-.064.148-.064.196-.01a.143.143 0 0 1 .016.2c-.016.011-.44.525-.54 1.028a.13.13 0 0 1-.132.105z"/><path fill="#fff" d="M11.083 18.278a.347.347 0 0 0 .34-.35a.35.35 0 0 0-.207-.326a.4.4 0 0 0-.133-.028a.35.35 0 0 0-.344.354c0 .191.16.35.344.35"/><path fill="#fff" d="M10.887 18.153a.366.366 0 0 1 0-.498l.074-.064a.25.25 0 0 0-.121.074a.365.365 0 0 0 0 .503c.105.106.28.138.413.059a.34.34 0 0 1-.37-.075zm.318-.328a.076.076 0 0 0 .074-.075a.074.074 0 0 0-.074-.074a.074.074 0 0 0-.074.074c0 .043.032.08.074.08zm1.658.279a.35.35 0 0 0 .339-.355a.345.345 0 0 0-.34-.35a.353.353 0 0 0 0 .704"/><path fill="#fff" d="M12.666 17.982a.365.365 0 0 1 0-.508l.075-.058a.25.25 0 0 0-.122.074a.365.365 0 0 0 0 .497a.34.34 0 0 0 .413.064a.34.34 0 0 1-.37-.074zm.318-.333c.037 0 .07-.032.07-.074a.08.08 0 0 0-.02-.051a.08.08 0 0 0-.05-.024a.074.074 0 0 0-.074.075c0 .042.032.074.074.074m-1 1.271a.26.26 0 0 0 .254-.266a.257.257 0 0 0-.254-.264a.27.27 0 0 0-.182.08a.26.26 0 0 0-.072.184a.26.26 0 0 0 .254.265"/><path fill="url(#SVGO9GQOd2S)" d="M11.84 18.819a.28.28 0 0 1 0-.376c.01-.016.032-.027.048-.037a.2.2 0 0 0-.09.058a.28.28 0 0 0 0 .376c.09.09.212.106.318.037a.26.26 0 0 1-.281-.058z"/><path fill="#fff" d="M13.556 18.73a.26.26 0 0 0 .254-.266a.264.264 0 0 0-.254-.264a.26.26 0 0 0-.185.078a.26.26 0 0 0-.075.186c0 .149.117.265.26.265"/><path fill="#fff" d="M13.408 18.628a.28.28 0 0 1 0-.37c.01-.016.037-.032.053-.043a.2.2 0 0 0-.09.064a.28.28 0 0 0 0 .37a.25.25 0 0 0 .317.043a.26.26 0 0 1-.28-.064m.233-.248a.053.053 0 0 0 .048-.053a.053.053 0 0 0-.053-.053a.053.053 0 0 0-.043.053c0 .032.021.053.048.053m-4.008-.228c.307 0 .561-.26.561-.577a.57.57 0 0 0-.561-.577a.577.577 0 0 0-.561.582c0 .318.254.572.56.572"/><path fill="#fff" d="M9.316 17.94a.58.58 0 0 1 0-.815a.4.4 0 0 1 .122-.09c-.074.026-.132.079-.196.127a.58.58 0 0 0 0 .815c.185.19.466.228.688.09a.53.53 0 0 1-.614-.127m.513-.54a.124.124 0 0 0 .122-.127a.12.12 0 0 0-.122-.121a.12.12 0 0 0-.122.121c0 .075.053.128.122.128m4.807-.662a.573.573 0 0 0 .56-.583a.564.564 0 0 0-.56-.571a.567.567 0 0 0-.556.576c0 .318.248.578.556.578"/><path fill="url(#SVGJOZbHe1y)" d="M14.308 16.521a.58.58 0 0 1 0-.81a.4.4 0 0 1 .122-.09a.7.7 0 0 0-.196.127a.58.58 0 0 0 0 .816a.554.554 0 0 0 .688.084a.53.53 0 0 1-.614-.127"/><path fill="#fff" d="M14.831 15.986c.069 0 .122-.053.122-.127a.124.124 0 0 0-.122-.127c-.069 0-.121.053-.121.127c0 .069.052.127.121.127"/><path fill="#5e12a0" d="M11.534 5.647c-3.981 0-7.21 3.32-7.21 7.412s3.229 7.412 7.21 7.412s7.083-3.32 7.083-7.412s-3.113-7.412-7.083-7.412m0 14.294c-3.77 0-6.681-3.017-6.681-6.882s2.917-6.883 6.68-6.883c3.76 0 6.555 3.018 6.555 6.883s-2.806 6.882-6.554 6.882"/><path fill="#fff" d="M18.247 4.032c1.006.757 1.678 1.514 1.895 2.35c.159.557.01 1.166-.312 1.616a1.83 1.83 0 0 1-1.663.74c-.026.096-.053.186-.068.27a8.23 8.23 0 0 1 1.048 4.05c0 4.363-3.314 7.942-7.613 7.942c-4.288 0-7.74-3.568-7.74-7.941s3.452-7.941 7.74-7.941a7.5 7.5 0 0 1 2.298.36a2.38 2.38 0 0 1 .2-1.525a1.64 1.64 0 0 1 1.113-.9A2 2 0 0 1 15.621 3c.831 0 1.779.408 2.62 1.032zm-3.743.16c-.207.402-.254.942-.122 1.27q.084.171.185.333a14 14 0 0 1-.55.313a6.9 6.9 0 0 0-2.488-.461c-3.976 0-7.206 3.32-7.206 7.412s3.23 7.412 7.21 7.412c3.982 0 7.084-3.32 7.084-7.412a7.66 7.66 0 0 0-1.08-3.96c.059-.302.154-.63.265-.958c.175.053.344.074.514.074c.45 0 .841-.186 1.085-.53c.244-.333.339-.783.233-1.164c-.175-.662-.72-1.324-1.705-2.065c-.794-.588-1.64-.927-2.303-.927c-.137 0-.26.011-.38.037a1.11 1.11 0 0 0-.742.625"/><defs><linearGradient id="SVGUsmbIdEj" x1="17.434" x2="8.232" y1="6.686" y2="13.62" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#fff"/><stop offset=".78" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVG8jPAJb7Q" x1="10.685" x2="13.877" y1="20.869" y2="3.048" gradientUnits="userSpaceOnUse"><stop stop-color="#81ffff"/><stop offset=".62" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVG5EKAGeBy" x1="3.801" x2="20.2" y1="11.993" y2="11.993" gradientUnits="userSpaceOnUse"><stop stop-color="#0002e9"/><stop offset="1" stop-color="#ff00c7"/></linearGradient><linearGradient id="SVGZ2NjscGo" x1="21.695" x2="2.41" y1="4.575" y2="20.57" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#fff"/><stop offset=".78" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGBkgd5dna" x1="3.421" x2="20.219" y1="11.993" y2="11.993" gradientUnits="userSpaceOnUse"><stop stop-color="#000292"/><stop offset="1" stop-color="#7d00c7"/></linearGradient><linearGradient id="SVG57RAvdOB" x1="3.815" x2="20.206" y1="12.016" y2="12.016" gradientUnits="userSpaceOnUse"><stop stop-color="#000292"/><stop offset="1" stop-color="#be00c7"/></linearGradient><linearGradient id="SVGx0sYLcVz" x1="19.647" x2="9.572" y1="2.881" y2="26.552" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#fff"/><stop offset=".78" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGO9GQOd2S" x1="3.714" x2="19.983" y1="11.716" y2="11.716" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#fff"/><stop offset=".78" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGJOZbHe1y" x1="3.839" x2="20.003" y1="11.928" y2="11.928" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#fff"/><stop offset=".78" stop-color="#fff" stop-opacity="0"/></linearGradient><radialGradient id="SVGY5COlebH" cx="0" cy="0" r="1" gradientTransform="matrix(18.3777 0 0 21.4266 19.362 10.407)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffeaff" stop-opacity=".6"/><stop offset=".68" stop-color="#a087c9"/><stop offset="1" stop-color="#10002f"/></radialGradient><radialGradient id="SVGR9HkMe4K" cx="0" cy="0" r="1" gradientTransform="matrix(16.0515 0 0 17.6068 17.43 5.796)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffeaff" stop-opacity=".6"/><stop offset=".68" stop-color="#a087c9"/><stop offset="1" stop-color="#10002f"/></radialGradient></defs></g></svg>

Cómo usar el icono Osmo

React

import { Icon } from "@iconify/react";

<Icon icon="token-branded:osmo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token-branded:osmo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token-branded:osmo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--osmo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:osmo"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token-branded:osmo"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/token-branded/osmo.svg" alt="Icono Osmo" width="24" height="24">

Iconos relacionados en Web3 Icons Branded

El icono Osmo en otras colecciones

Preguntas frecuentes sobre Icono Osmo

¿El icono Osmo 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 Osmo en React?

Instala @iconify/react y renderiza <Icon icon="token-branded:osmo" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Osmo a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/token-branded/osmo.svg" alt="Icono Osmo">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Web3 Icons Branded →