Icono On Arrow
fluent-emoji:on-arrow
El icono On Arrow (fluent-emoji:on-arrow) es un icono SVG gratuito de la colección Fluent Emoji de Microsoft Corporation. Está dibujado en una cuadrícula de 32 × 32. Fluent Emoji 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
- Fluent Emoji
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 32 × 32
- Etiquetas
- onarrow
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#7763BB" d="M22.59 26.514c0 .55.45 1 1 1c.56 0 1-.44 1-1v-4.81c0-.55-.45-1-1-1s-1 .45-1 1zm-2.12 3.49c-.33 0-.65-.16-.84-.45l-2.95-4.49v3.94c0 .55-.45 1-1 1s-1-.45-1-1v-7.29c0-.44.29-.83.71-.96s.88.04 1.12.41l2.95 4.49v-3.94c0-.55.45-1 1-1s1 .45 1 1v7.29c0 .44-.29.83-.71.96c-.09.03-.18.04-.28.04m-9.88 0c-1.75 0-3.18-1.43-3.18-3.18v-2.93c0-1.75 1.43-3.18 3.18-3.18s3.18 1.43 3.18 3.18v2.93c0 1.75-1.43 3.18-3.18 3.18m0-7.29c-.65 0-1.18.53-1.18 1.18v2.93c0 .65.53 1.18 1.18 1.18s1.18-.53 1.18-1.18v-2.93c0-.65-.53-1.18-1.18-1.18m13 7.29a.91.91 0 1 0 0-1.82a.91.91 0 0 0 0 1.82"/><path fill="#7E6BC5" d="M21.21 12.974c0-.45-.37-.82-.82-.82h-8.78c-.45 0-.82.37-.82.82v-7.29c0 .45.37.82.82.82h8.78c.45 0 .82-.37.82-.82z"/><path fill="url(#i0w0Wce)" d="M21.21 12.974c0-.45-.37-.82-.82-.82h-8.78c-.45 0-.82.37-.82.82v-7.29c0 .45.37.82.82.82h8.78c.45 0 .82-.37.82-.82z"/><path fill="url(#imV14RU)" d="M21.21 12.974c0-.45-.37-.82-.82-.82h-8.78c-.45 0-.82.37-.82.82v-7.29c0 .45.37.82.82.82h8.78c.45 0 .82-.37.82-.82z"/><path fill="#7E6CC2" d="M11.61 12.154c-.45 0-.82.37-.82.82v2.85c0 .72-.85 1.09-1.38.61l-7.14-6.5a.824.824 0 0 1 0-1.22l7.14-6.5c.53-.48 1.38-.1 1.38.61v2.86c0 .45.37.82.82.82z"/><path fill="url(#ijhy7cb)" d="M11.61 12.154c-.45 0-.82.37-.82.82v2.85c0 .72-.85 1.09-1.38.61l-7.14-6.5a.824.824 0 0 1 0-1.22l7.14-6.5c.53-.48 1.38-.1 1.38.61v2.86c0 .45.37.82.82.82z"/><path fill="url(#iH7xxzc)" d="M11.61 12.154c-.45 0-.82.37-.82.82v2.85c0 .72-.85 1.09-1.38.61l-7.14-6.5a.824.824 0 0 1 0-1.22l7.14-6.5c.53-.48 1.38-.1 1.38.61v2.86c0 .45.37.82.82.82z"/><path fill="url(#ipo10sd)" d="M11.61 12.154c-.45 0-.82.37-.82.82v2.85c0 .72-.85 1.09-1.38.61l-7.14-6.5a.824.824 0 0 1 0-1.22l7.14-6.5c.53-.48 1.38-.1 1.38.61v2.86c0 .45.37.82.82.82z"/><path fill="url(#inShYhe)" d="M11.61 12.154c-.45 0-.82.37-.82.82v2.85c0 .72-.85 1.09-1.38.61l-7.14-6.5a.824.824 0 0 1 0-1.22l7.14-6.5c.53-.48 1.38-.1 1.38.61v2.86c0 .45.37.82.82.82z"/><path fill="url(#i95qavb)" d="M11.61 12.154c-.45 0-.82.37-.82.82v2.85c0 .72-.85 1.09-1.38.61l-7.14-6.5a.824.824 0 0 1 0-1.22l7.14-6.5c.53-.48 1.38-.1 1.38.61v2.86c0 .45.37.82.82.82z"/><path fill="url(#iNhOnkd)" d="M11.61 12.154c-.45 0-.82.37-.82.82v2.85c0 .72-.85 1.09-1.38.61l-7.14-6.5a.824.824 0 0 1 0-1.22l7.14-6.5c.53-.48 1.38-.1 1.38.61v2.86c0 .45.37.82.82.82z"/><path fill="url(#igGxW4c)" d="M11.61 12.154c-.45 0-.82.37-.82.82v2.85c0 .72-.85 1.09-1.38.61l-7.14-6.5a.824.824 0 0 1 0-1.22l7.14-6.5c.53-.48 1.38-.1 1.38.61v2.86c0 .45.37.82.82.82z"/><path fill="url(#ivazAve)" d="M11.61 12.154c-.45 0-.82.37-.82.82v2.85c0 .72-.85 1.09-1.38.61l-7.14-6.5a.824.824 0 0 1 0-1.22l7.14-6.5c.53-.48 1.38-.1 1.38.61v2.86c0 .45.37.82.82.82z"/><path fill="url(#i3Eb9Rd)" d="M11.61 12.154c-.45 0-.82.37-.82.82v2.85c0 .72-.85 1.09-1.38.61l-7.14-6.5a.824.824 0 0 1 0-1.22l7.14-6.5c.53-.48 1.38-.1 1.38.61v2.86c0 .45.37.82.82.82z"/><path fill="url(#ic5NCbe)" d="M11.61 12.154c-.45 0-.82.37-.82.82v2.85c0 .72-.85 1.09-1.38.61l-7.14-6.5a.824.824 0 0 1 0-1.22l7.14-6.5c.53-.48 1.38-.1 1.38.61v2.86c0 .45.37.82.82.82z"/><path fill="#7E6BC5" d="m22.59 2.224l7.14 6.5c.36.32.36.89 0 1.21l-7.14 6.5c-.53.48-1.38.1-1.38-.61v-2.85c0-.45-.37-.82-.82-.82v-5.65c.45 0 .82-.37.82-.82v-2.85c0-.72.85-1.09 1.38-.61"/><path fill="url(#iVFrKMd)" d="m22.59 2.224l7.14 6.5c.36.32.36.89 0 1.21l-7.14 6.5c-.53.48-1.38.1-1.38-.61v-2.85c0-.45-.37-.82-.82-.82v-5.65c.45 0 .82-.37.82-.82v-2.85c0-.72.85-1.09 1.38-.61"/><path fill="url(#ipv600d)" d="m22.59 2.224l7.14 6.5c.36.32.36.89 0 1.21l-7.14 6.5c-.53.48-1.38.1-1.38-.61v-2.85c0-.45-.37-.82-.82-.82v-5.65c.45 0 .82-.37.82-.82v-2.85c0-.72.85-1.09 1.38-.61"/><path fill="url(#iueVwhc)" d="m22.59 2.224l7.14 6.5c.36.32.36.89 0 1.21l-7.14 6.5c-.53.48-1.38.1-1.38-.61v-2.85c0-.45-.37-.82-.82-.82v-5.65c.45 0 .82-.37.82-.82v-2.85c0-.72.85-1.09 1.38-.61"/><path fill="url(#i5wQGcn)" d="m22.59 2.224l7.14 6.5c.36.32.36.89 0 1.21l-7.14 6.5c-.53.48-1.38.1-1.38-.61v-2.85c0-.45-.37-.82-.82-.82v-5.65c.45 0 .82-.37.82-.82v-2.85c0-.72.85-1.09 1.38-.61"/><path fill="url(#iMbS5HU)" d="m22.59 2.224l7.14 6.5c.36.32.36.89 0 1.21l-7.14 6.5c-.53.48-1.38.1-1.38-.61v-2.85c0-.45-.37-.82-.82-.82v-5.65c.45 0 .82-.37.82-.82v-2.85c0-.72.85-1.09 1.38-.61"/><path fill="url(#iBxUq6P)" d="m22.59 2.224l7.14 6.5c.36.32.36.89 0 1.21l-7.14 6.5c-.53.48-1.38.1-1.38-.61v-2.85c0-.45-.37-.82-.82-.82v-5.65c.45 0 .82-.37.82-.82v-2.85c0-.72.85-1.09 1.38-.61"/><path fill="url(#i1FBLDc)" d="m22.59 2.224l7.14 6.5c.36.32.36.89 0 1.21l-7.14 6.5c-.53.48-1.38.1-1.38-.61v-2.85c0-.45-.37-.82-.82-.82v-5.65c.45 0 .82-.37.82-.82v-2.85c0-.72.85-1.09 1.38-.61"/><path fill="url(#iavfFgb)" d="m22.59 2.224l7.14 6.5c.36.32.36.89 0 1.21l-7.14 6.5c-.53.48-1.38.1-1.38-.61v-2.85c0-.45-.37-.82-.82-.82v-5.65c.45 0 .82-.37.82-.82v-2.85c0-.72.85-1.09 1.38-.61"/><defs><radialGradient id="imV14RU" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.53125 30.3188 0 16.335 12.5)" gradientUnits="userSpaceOnUse"><stop offset=".217" stop-color="#5E36B9"/><stop offset=".633" stop-color="#8D50ED"/><stop offset="1" stop-color="#8D50ED" stop-opacity="0"/></radialGradient><radialGradient id="ijhy7cb" cx="0" cy="0" r="1" gradientTransform="rotate(130.601 -.764 7.259)scale(2.01678 18.4341)" gradientUnits="userSpaceOnUse"><stop offset=".351" stop-color="#5836AB"/><stop offset=".528" stop-color="#7647CD"/><stop offset="1" stop-color="#7647CD" stop-opacity="0"/></radialGradient><radialGradient id="iH7xxzc" cx="0" cy="0" r="1" gradientTransform="matrix(-.21875 4.0625 -2.0599 -.11092 11.219 3.688)" gradientUnits="userSpaceOnUse"><stop offset=".492" stop-color="#968ACD"/><stop offset="1" stop-color="#897DC2" stop-opacity="0"/></radialGradient><radialGradient id="ipo10sd" cx="0" cy="0" r="1" gradientTransform="matrix(1.28125 1.46875 -12.02523 10.4901 3.938 6.344)" gradientUnits="userSpaceOnUse"><stop offset=".276" stop-color="#483F6E"/><stop offset="1" stop-color="#5F5395" stop-opacity="0"/></radialGradient><radialGradient id="inShYhe" cx="0" cy="0" r="1" gradientTransform="matrix(-.03125 4.6875 -.995 -.00663 11 3.281)" gradientUnits="userSpaceOnUse"><stop offset=".52" stop-color="#62529F"/><stop offset="1" stop-color="#6E5DAF" stop-opacity="0"/></radialGradient><radialGradient id="i95qavb" cx="0" cy="0" r="1" gradientTransform="matrix(-.45313 .6875 -.28223 -.18602 10.061 2.765)" gradientUnits="userSpaceOnUse"><stop stop-color="#A096D0"/><stop offset="1" stop-color="#A096D0" stop-opacity="0"/></radialGradient><radialGradient id="iNhOnkd" cx="0" cy="0" r="1" gradientTransform="matrix(1.03125 1.75 -1.18286 .69704 11.023 6.18)" gradientUnits="userSpaceOnUse"><stop stop-color="#A297D5"/><stop offset="1" stop-color="#A297D5" stop-opacity="0"/></radialGradient><radialGradient id="igGxW4c" cx="0" cy="0" r="1" gradientTransform="matrix(.79687 1.875 -1.2366 .52556 11.438 5.5)" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#6454A2"/><stop offset="1" stop-color="#6454A2" stop-opacity="0"/></radialGradient><radialGradient id="ivazAve" cx="0" cy="0" r="1" gradientTransform="matrix(-.125 2.34375 -1.97452 -.1053 11.5 12.906)" gradientUnits="userSpaceOnUse"><stop offset=".35" stop-color="#5F36BA"/><stop offset=".567" stop-color="#8D50ED"/><stop offset=".825" stop-color="#8155D1" stop-opacity="0"/></radialGradient><radialGradient id="i3Eb9Rd" cx="0" cy="0" r="1" gradientTransform="matrix(.18752 4.28125 -1.38662 .06074 10.907 14.969)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#5E4BA1"/><stop offset="1" stop-color="#7E6CC3" stop-opacity="0"/></radialGradient><radialGradient id="ic5NCbe" cx="0" cy="0" r="1" gradientTransform="rotate(-119.511 9.636 5.018)scale(.95159 .4562)" gradientUnits="userSpaceOnUse"><stop stop-color="#8E4FEC"/><stop offset="1" stop-color="#8E4FEC" stop-opacity="0"/></radialGradient><radialGradient id="iVFrKMd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.09375 1.15624 -13.99713 -13.24059 25.593 5.313)" gradientUnits="userSpaceOnUse"><stop offset=".285" stop-color="#9D92D4"/><stop offset=".453" stop-color="#998ED2"/><stop offset="1" stop-color="#8677C6" stop-opacity="0"/></radialGradient><radialGradient id="ipv600d" cx="0" cy="0" r="1" gradientTransform="rotate(133.781 12.053 7.896)scale(1.2985 20.7628)" gradientUnits="userSpaceOnUse"><stop offset=".538" stop-color="#7062A8"/><stop offset="1" stop-color="#8677C6" stop-opacity="0"/><stop offset="1" stop-color="#7062A8" stop-opacity="0"/></radialGradient><radialGradient id="iueVwhc" cx="0" cy="0" r="1" gradientTransform="rotate(47.643 -2.588 36.284)scale(1.43784 24.393)" gradientUnits="userSpaceOnUse"><stop offset=".351" stop-color="#5836AB"/><stop offset=".528" stop-color="#7647CD"/><stop offset="1" stop-color="#7647CD" stop-opacity="0"/></radialGradient><radialGradient id="i5wQGcn" cx="0" cy="0" r="1" gradientTransform="matrix(.57031 4.1875 -2.26615 .30864 20.39 3.625)" gradientUnits="userSpaceOnUse"><stop offset=".467" stop-color="#4F3F88"/><stop offset=".931" stop-color="#6D5DAD" stop-opacity="0"/></radialGradient><radialGradient id="iMbS5HU" cx="0" cy="0" r="1" gradientTransform="matrix(-1.10937 0 0 -.53737 20.39 7.469)" gradientUnits="userSpaceOnUse"><stop stop-color="#8A7EC6"/><stop offset="1" stop-color="#8A7EC6" stop-opacity="0"/></radialGradient><radialGradient id="iBxUq6P" cx="0" cy="0" r="1" gradientTransform="rotate(103.917 5.327 14.295)scale(1.81902 1.60757)" gradientUnits="userSpaceOnUse"><stop offset=".234" stop-color="#5F36BA"/><stop offset=".567" stop-color="#8D50ED"/><stop offset=".825" stop-color="#8155D1" stop-opacity="0"/></radialGradient><radialGradient id="i1FBLDc" cx="0" cy="0" r="1" gradientTransform="matrix(.0313 4.85937 -1.57494 .01014 21.235 14.906)" gradientUnits="userSpaceOnUse"><stop offset=".147" stop-color="#4F3C90"/><stop offset="1" stop-color="#7E6CC3" stop-opacity="0"/></radialGradient><radialGradient id="iavfFgb" cx="0" cy="0" r="1" gradientTransform="matrix(.29687 -.65625 .44409 .2009 21.984 15.875)" gradientUnits="userSpaceOnUse"><stop stop-color="#8E4FEC"/><stop offset="1" stop-color="#8E4FEC" stop-opacity="0"/></radialGradient><linearGradient id="i0w0Wce" x1="16.36" x2="16.36" y1="6.391" y2="8.188" gradientUnits="userSpaceOnUse"><stop offset=".116" stop-color="#6454A3"/><stop offset=".513" stop-color="#8A7EC5"/><stop offset=".652" stop-color="#8A7EC5"/><stop offset="1" stop-color="#7E6BC5" stop-opacity="0"/></linearGradient></defs></g></svg>Cómo usar el icono On Arrow
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:on-arrow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:on-arrow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:on-arrow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--on-arrow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:on-arrow"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:on-arrow"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/on-arrow.svg" alt="Icono On Arrow" width="24" height="24">Iconos relacionados en Fluent Emoji
El icono On Arrow en otras colecciones
Preguntas frecuentes sobre Icono On Arrow
¿El icono On Arrow es gratis para uso comercial?
Sí. Fluent Emoji icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono On Arrow en React?
Instala @iconify/react y renderiza <Icon icon="fluent-emoji:on-arrow" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono On Arrow a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-emoji/on-arrow.svg" alt="Icono On Arrow">, o pega el código SVG en línea para darle estilo con CSS.