Soon Arrow アイコン
fluent-emoji:soon-arrow
Soon Arrow アイコン(fluent-emoji:soon-arrow)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- soonarrow
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="M12.03 30c-1.73 0-3.14-1.41-3.14-3.14v-2.88c0-1.73 1.41-3.14 3.14-3.14s3.14 1.41 3.14 3.14v2.88c0 1.73-1.41 3.14-3.14 3.14m0-7.17c-.63 0-1.15.51-1.15 1.15v2.88a1.15 1.15 0 0 0 2.3 0v-2.88c0-.64-.52-1.15-1.15-1.15m3.95 4.03c0 1.73 1.41 3.14 3.14 3.14s3.14-1.41 3.14-3.14v-2.88c0-1.73-1.41-3.14-3.14-3.14s-3.14 1.41-3.14 3.14zm1.99-2.88a1.15 1.15 0 0 1 2.3 0v2.88a1.15 1.15 0 0 1-2.3 0zM5.38 30c-1.12 0-2.2-.41-3.03-1.16a.998.998 0 1 1 1.33-1.49c.47.42 1.07.65 1.7.65h.15c.28-.02.47-.12.59-.3c.14-.22.1-.43.06-.54a.69.69 0 0 0-.42-.43l-1.98-.74c-.76-.29-1.35-.89-1.61-1.67c-.25-.76-.16-1.58.27-2.24c.47-.74 1.23-1.17 2.16-1.23c.09-.01.18-.01.27-.01c1.12 0 2.2.41 3.03 1.16a.998.998 0 1 1-1.33 1.49c-.47-.42-1.07-.65-1.7-.65h-.15c-.28.02-.47.12-.59.3c-.14.22-.1.43-.06.54c.07.2.22.36.42.43l1.98.74c.76.29 1.35.89 1.61 1.67c.25.76.16 1.58-.27 2.24c-.47.74-1.23 1.17-2.16 1.23c-.09.01-.18.01-.27.01m22.73-.45c.18.29.5.45.83.45c.09 0 .19-.01.29-.04c.42-.13.71-.52.71-.96v-7.17c0-.55-.45-1-1-1s-1 .45-1 1v3.83l-2.87-4.38a.99.99 0 0 0-1.12-.41c-.42.13-.71.52-.71.96V29c0 .55.45 1 1 1s1-.45 1-1v-3.83z"/><path fill="#7969B8" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="url(#im5Jswc)" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="url(#iRqM5ve)" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="url(#iobzi2c)" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="url(#iHOebDe)" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="url(#ilrgoHt)" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="url(#iPqOmbd)" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="url(#iipp5Bc)" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="url(#izwZa9c)" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="url(#i8g1YWc)" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="url(#iIKyhUb)" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="url(#i98Gukb)" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="url(#iDE9DQb)" d="m21.327 2.252l8.315 7.57a.947.947 0 0 1 0 1.41l-8.315 7.57c-.617.558-1.607.116-1.607-.711v-3.32a.96.96 0 0 0-.955-.954v-6.58a.96.96 0 0 0 .955-.956V2.962c0-.838.99-1.27 1.607-.71"/><path fill="#7969B8" d="M19.73 14.761c0-.35-.355-.941-.906-.941H3.23c-.66 0-1.19-.53-1.19-1.19V8.42c0-.66.53-1.19 1.19-1.19h15.606c.422 0 .895-.453.895-.957z"/><path fill="url(#inN3ebe)" d="M19.73 14.761c0-.35-.355-.941-.906-.941H3.23c-.66 0-1.19-.53-1.19-1.19V8.42c0-.66.53-1.19 1.19-1.19h15.606c.422 0 .895-.453.895-.957z"/><path fill="url(#iEpXMqe)" d="M19.73 14.761c0-.35-.355-.941-.906-.941H3.23c-.66 0-1.19-.53-1.19-1.19V8.42c0-.66.53-1.19 1.19-1.19h15.606c.422 0 .895-.453.895-.957z"/><path fill="url(#ielANRd)" d="M19.73 14.761c0-.35-.355-.941-.906-.941H3.23c-.66 0-1.19-.53-1.19-1.19V8.42c0-.66.53-1.19 1.19-1.19h15.606c.422 0 .895-.453.895-.957z"/><path fill="url(#iKVQgye)" d="M19.73 14.761c0-.35-.355-.941-.906-.941H3.23c-.66 0-1.19-.53-1.19-1.19V8.42c0-.66.53-1.19 1.19-1.19h15.606c.422 0 .895-.453.895-.957z"/><path fill="url(#iU81YRc)" d="M19.73 14.761c0-.35-.355-.941-.906-.941H3.23c-.66 0-1.19-.53-1.19-1.19V8.42c0-.66.53-1.19 1.19-1.19h15.606c.422 0 .895-.453.895-.957z"/><path fill="url(#iVKsIcd)" d="M19.73 14.761c0-.35-.355-.941-.906-.941H3.23c-.66 0-1.19-.53-1.19-1.19V8.42c0-.66.53-1.19 1.19-1.19h15.606c.422 0 .895-.453.895-.957z"/><defs><radialGradient id="im5Jswc" cx="0" cy="0" r="1" gradientTransform="rotate(133.409 11.153 8.269)scale(1.85363 22.4395)" 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="iRqM5ve" cx="0" cy="0" r="1" gradientTransform="rotate(133.781 11.619 7.963)scale(1.51227 24.181)" 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="iobzi2c" cx="0" cy="0" r="1" gradientTransform="matrix(1.12822 1.23743 -20.99307 19.14044 25.261 15.676)" 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="iHOebDe" cx="0" cy="0" r="1" gradientTransform="rotate(75.772 6.887 14)scale(5.14953 2.78677)" gradientUnits="userSpaceOnUse"><stop offset=".462" stop-color="#46377A"/><stop offset=".931" stop-color="#6D5DAD" stop-opacity="0"/></radialGradient><radialGradient id="ilrgoHt" cx="0" cy="0" r="1" gradientTransform="rotate(88.66 6.512 13.002)scale(1.3363 1.01632)" gradientUnits="userSpaceOnUse"><stop offset=".462" stop-color="#46377A"/><stop offset=".931" stop-color="#46377A" stop-opacity="0"/></radialGradient><radialGradient id="iPqOmbd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.29201 0 0 -.62584 18.765 8.36)" gradientUnits="userSpaceOnUse"><stop stop-color="#8A7EC6"/><stop offset="1" stop-color="#8A7EC6" stop-opacity="0"/></radialGradient><radialGradient id="iipp5Bc" cx="0" cy="0" r="1" gradientTransform="rotate(114.267 4.996 13.4)scale(2.19063 1.93598)" gradientUnits="userSpaceOnUse"><stop offset=".343" stop-color="#5F37BA"/><stop offset=".555" stop-color="#8645E3"/><stop offset=".984" stop-color="#8155D1" stop-opacity="0"/></radialGradient><radialGradient id="izwZa9c" cx="0" cy="0" r="1" gradientTransform="rotate(92.021 1.487 18.128)scale(5.31581 1.72287)" gradientUnits="userSpaceOnUse"><stop offset=".157" stop-color="#463385"/><stop offset="1" stop-color="#7E6CC3" stop-opacity="0"/></radialGradient><radialGradient id="i8g1YWc" cx="0" cy="0" r="1" gradientTransform="matrix(.03125 2.59375 -1.89724 .02286 19.187 15.547)" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#463385"/><stop offset="1" stop-color="#7E6CC3" stop-opacity="0"/></radialGradient><radialGradient id="iIKyhUb" cx="0" cy="0" r="1" gradientTransform="matrix(.34575 -.76429 .5172 .23397 20.621 18.15)" gradientUnits="userSpaceOnUse"><stop stop-color="#8E4FEC"/><stop offset="1" stop-color="#8E4FEC" stop-opacity="0"/></radialGradient><radialGradient id="i98Gukb" cx="0" cy="0" r="1" gradientTransform="rotate(168.69 9.513 5.066)scale(1.01582 .66678)" gradientUnits="userSpaceOnUse"><stop stop-color="#8172C3"/><stop offset="1" stop-color="#8172C3" stop-opacity="0"/></radialGradient><radialGradient id="iDE9DQb" cx="0" cy="0" r="1" gradientTransform="rotate(94.467 2.958 15.992)scale(1.00305)" gradientUnits="userSpaceOnUse"><stop offset=".649" stop-color="#5E36BA"/><stop offset=".953" stop-color="#5E36BA" stop-opacity="0"/></radialGradient><radialGradient id="inN3ebe" cx="0" cy="0" r="1" gradientTransform="matrix(-1.34374 -1.43751 22.03036 -20.5933 25.629 15.437)" gradientUnits="userSpaceOnUse"><stop offset=".297" stop-color="#5836AB"/><stop offset=".586" stop-color="#7647CD"/><stop offset="1" stop-color="#7647CD" stop-opacity="0"/></radialGradient><radialGradient id="iEpXMqe" cx="0" cy="0" r="1" gradientTransform="matrix(-1.125 1.25 -12.38957 -11.15053 25.879 6.125)" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#483F6E"/><stop offset="1" stop-color="#5F5395" stop-opacity="0"/></radialGradient><radialGradient id="iKVQgye" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.97363 43.6773 0 10.316 14.094)" gradientUnits="userSpaceOnUse"><stop offset=".217" stop-color="#5E36B9"/><stop offset=".491" stop-color="#8745E5"/><stop offset="1" stop-color="#8745E5" stop-opacity="0"/></radialGradient><radialGradient id="iU81YRc" cx="0" cy="0" r="1" gradientTransform="matrix(.25 .45312 -1.08733 .59992 19.672 6.773)" gradientUnits="userSpaceOnUse"><stop stop-color="#46377A"/><stop offset=".931" stop-color="#46377A" stop-opacity="0"/></radialGradient><radialGradient id="iVKsIcd" cx="0" cy="0" r="1" gradientTransform="rotate(88.975 -3.77 5.485)scale(14.4086 2.56153)" gradientUnits="userSpaceOnUse"><stop offset=".266" stop-color="#46377A"/><stop offset=".931" stop-color="#6D5DAD" stop-opacity="0"/></radialGradient><linearGradient id="ielANRd" x1="10.285" x2="10.285" y1="7.094" y2="8.906" gradientUnits="userSpaceOnUse"><stop offset=".122" stop-color="#635796"/><stop offset=".5" stop-color="#8172C2"/><stop offset=".689" stop-color="#8273C3"/><stop offset="1" stop-color="#8172C2" stop-opacity="0"/></linearGradient></defs></g></svg>Soon Arrow アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:soon-arrow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:soon-arrow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:soon-arrow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--soon-arrow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:soon-arrow"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:soon-arrow"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/soon-arrow.svg" alt="Soon Arrow アイコン" width="24" height="24">他のアイコンセットの Soon Arrow アイコン
Soon Arrow アイコン のよくある質問
Soon Arrow アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Soon Arrow アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:soon-arrow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Soon Arrow アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/soon-arrow.svg" alt="Soon Arrow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。