Soon Arrow アイコン
emojione-v1:soon-arrow
Soon Arrow アイコン(emojione-v1:soon-arrow)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 記号
- タグ
- soonarrow
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#405866" d="m49.41 4.909l14.244 11.96l-14.11 12.02c-1.978-.141-3.535-1.427-3.543-2.999l-.012-2.674l-40.09.072c-2.163.011-3.93-1.691-3.942-3.805l-.026-4.958c-.008-2.113 1.737-3.823 3.899-3.834l40.09-.069v-2.67c-.012-1.572 1.523-2.876 3.5-3.041M8.688 40.871l-1.6-.328c-2.333-.455-2.759-1.14-2.759-2.323c0-1.333 1.201-2.161 3.134-2.161c1.731 0 2.766.677 3.168 2.106c.228.602.764.958 1.429.958c.181 0 .346-.027.467-.055c.713-.14 1.211-.703 1.211-1.365c0-.174-.032-.35-.085-.474c-.457-1.49-1.865-3.989-6.19-3.989c-4.617 0-6.255 2.685-6.255 4.979c0 2.963 1.483 4.479 5.111 5.23l1.733.365c2.627.537 3.107 1.284 3.107 2.566c0 1.559-1.332 2.527-3.481 2.527c-2.798 0-3.391-1.325-3.757-2.689c-.177-.62-.743-1.021-1.443-1.021c-.145 0-.266.02-.405.044l-.082.015c-.738.174-1.215.725-1.215 1.404c0 .125.021.23.04.329l.025.098c.412 1.395 1.381 4.662 6.944 4.662c3.959 0 6.513-2.115 6.513-5.391c0-3.571-2.238-4.774-5.61-5.487M23.01 33.24c-4.902 0-8.07 3.623-8.07 9.233c0 5.636 3.166 9.276 8.07 9.276c4.874 0 8.03-3.633 8.03-9.256s-3.152-9.253-8.03-9.253m0 15.608c-2.979 0-4.906-2.494-4.906-6.354c0-3.932 1.879-6.371 4.906-6.371c2.955 0 4.861 2.451 4.861 6.241c0 4.058-1.816 6.484-4.861 6.484M39.872 33.24c-4.901 0-8.07 3.623-8.07 9.233c0 5.636 3.167 9.276 8.07 9.276c4.876 0 8.02-3.633 8.02-9.256s-3.148-9.253-8.02-9.253m0 15.608c-2.98 0-4.905-2.494-4.905-6.354c0-3.932 1.879-6.371 4.905-6.371c2.952 0 4.862 2.451 4.862 6.241c0 4.058-1.819 6.484-4.862 6.484m22.044-15.415c-.943 0-1.551.549-1.551 1.397v6.542c0 1.798.07 3.595.157 5.04a56 56 0 0 0-1.624-2.873l-5.441-8.834c-.427-.674-.913-1.276-2.184-1.276q-.107 0-.205.008l-.199-.435l.044.456c-.919.138-1.514.819-1.514 1.78v14.894c0 .84.622 1.399 1.549 1.399c.914 0 1.526-.56 1.526-1.399v-6.625c0-1.766-.053-3.548-.13-5.04c.429.813.898 1.653 1.317 2.323l5.723 9.265c.539.861 1.017 1.472 2.247 1.472q.115 0 .22-.009l.173.367l-.038-.387c.909-.138 1.456-.817 1.456-1.844V34.821c0-.849-.6-1.397-1.526-1.397"/></svg>
Soon Arrow アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:soon-arrow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:soon-arrow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:soon-arrow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--soon-arrow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:soon-arrow"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:soon-arrow"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/soon-arrow.svg" alt="Soon Arrow アイコン" width="24" height="24">
他のアイコンセットの Soon Arrow アイコン
Soon Arrow アイコン のよくある質問
Soon Arrow アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Soon Arrow アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:soon-arrow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Soon Arrow アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/soon-arrow.svg" alt="Soon Arrow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
