End Arrow アイコン
emojione-v1:end-arrow
End Arrow アイコン(emojione-v1:end-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
- カテゴリ
- 記号
- タグ
- endarrow
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#405866" d="M15.921 57.31H5.25c-.397 0-.397-.079-.397-.245v-6.626h9.456c1.065 0 1.874-.842 1.874-1.961c0-1.169-.771-1.987-1.874-1.987H4.854v-5.465c0-.218.042-.293.042-.293c.006-.006.071-.04.268-.04h10.49c1.117 0 1.899-.828 1.899-2.02c0-1.174-.782-1.992-1.899-1.992H4.385c-2.523 0-3.748 1.285-3.748 3.93v16.81c0 2.623 1.225 3.896 3.748 3.896h11.536c1.1 0 1.901-.848 1.901-2.02s-.781-1.989-1.901-1.989M37.23 36.501c-1.298 0-2.142.763-2.142 1.932v9.03c0 2.484.1 4.965.22 6.965a77 77 0 0 0-2.245-3.968l-7.516-12.201c-.587-.924-1.26-1.76-3.01-1.76a4 4 0 0 0-.281.013l-.279-.604l.062.63c-1.271.196-2.088 1.133-2.088 2.46v20.565c0 1.158.861 1.935 2.14 1.935c1.26 0 2.107-.776 2.107-1.935v-9.147c0-2.437-.079-4.898-.177-6.949a54 54 0 0 0 1.818 3.207l7.901 12.794c.74 1.187 1.399 2.03 3.103 2.03q.155-.001.304-.014l.235.51l-.05-.531c1.252-.192 2.01-1.133 2.01-2.552v-20.48c0-1.169-.828-1.932-2.108-1.932m14.956.183h-5.309c-2.523 0-3.749 1.285-3.749 3.93v16.81c0 2.623 1.226 3.896 3.749 3.896h5.309c6.888 0 11.168-4.815 11.168-12.57c0-7.556-4.176-12.07-11.168-12.07m6.803 12.1c0 5.422-2.534 8.531-6.953 8.531h-4.411c-.192 0-.243 0-.243-.307v-16.06c0-.181.039-.277.271-.277h4.473c5.669 0 6.863 4.411 6.863 8.117M15.16 33.14L.725 21.02l14.3-12.179c2 .143 3.583 1.447 3.59 3.04l.011 2.71l40.635-.073c2.192-.011 3.983 1.714 3.995 3.858l.027 5.02c.008 2.142-1.761 3.875-3.953 3.887l-40.637.07l.014 2.706c.012 1.592-1.544 2.914-3.547 3.082"/></svg>
End Arrow アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:end-arrow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:end-arrow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:end-arrow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--end-arrow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:end-arrow"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:end-arrow"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/end-arrow.svg" alt="End Arrow アイコン" width="24" height="24">
他のアイコンセットの End Arrow アイコン
End Arrow アイコン のよくある質問
End Arrow アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で End Arrow アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:end-arrow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
End Arrow アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/end-arrow.svg" alt="End Arrow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
