Иконка On Arrow
fluent-emoji:on-arrow
Иконка On Arrow (fluent-emoji:on-arrow) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- onarrow
Код 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>Как использовать иконку 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>Веб-компонент
<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>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/on-arrow.svg" alt="Иконка On Arrow" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка On Arrow в других наборах
Вопросы и ответы: Иконка On Arrow
Можно ли бесплатно использовать иконку On Arrow в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку On Arrow в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:on-arrow" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку On Arrow на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/on-arrow.svg" alt="Иконка On Arrow">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.