Back Arrow アイコン
emojione-v1:back-arrow
Back Arrow アイコン(emojione-v1:back-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
- カテゴリ
- 記号
- タグ
- backarrow
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#405866" d="M13.828 34.449L-.039 22.805l13.737-11.7c1.923.137 3.442 1.39 3.449 2.92l.011 2.604l39.04-.07c2.106-.011 3.827 1.646 3.838 3.707l.026 4.824c.008 2.058-1.691 3.723-3.797 3.734l-39.04.066l.013 2.6c.011 1.529-1.484 2.798-3.408 2.959M2.162 37.16h8.382q2.097 0 3.217 1.04q1.124 1.037 1.124 2.568q0 1.286-.802 2.207q-.532.61-1.562.967q1.563.378 2.299 1.292q.736.911.736 2.296q0 1.128-.525 2.028a3.8 3.8 0 0 1-1.433 1.421q-.564.328-1.7.476q-1.514.198-2.01.198h-7.73V37.16m4.517 5.686h1.948q1.048 0 1.458-.361q.411-.36.411-1.042q0-.635-.411-.99q-.41-.354-1.428-.354H6.675zm0 5.693h2.284q1.157-.001 1.631-.41q.475-.409.475-1.104q0-.642-.469-1.03q-.47-.391-1.646-.391H6.675zm19.787.721h-5.085l-.707 2.394h-4.572l5.448-14.493h4.885l5.444 14.493h-4.688zm-.93-3.132l-1.599-5.208l-1.582 5.208zm17.049-.402l3.925 1.187q-.397 1.651-1.245 2.757a5.4 5.4 0 0 1-2.111 1.671c-.841.373-1.908.564-3.207.564q-2.364-.001-3.859-.688q-1.498-.685-2.587-2.415q-1.087-1.728-1.087-4.426q.001-3.594 1.912-5.525q1.913-1.931 5.414-1.932q2.738 0 4.305 1.106q1.566 1.108 2.327 3.401l-3.954.878c-.139-.439-.283-.764-.436-.967a2.56 2.56 0 0 0-.917-.791a2.6 2.6 0 0 0-1.218-.278q-1.522 0-2.332 1.227q-.614.906-.613 2.851q0 2.41.731 3.304q.732.895 2.055.894q1.287 0 1.943-.722q.657-.725.954-2.096m6.122-8.566h4.477v5.478l4.689-5.478h5.957l-5.289 5.473l5.525 9.02h-5.517l-3.053-5.96l-2.312 2.423v3.536h-4.477z"/></svg>
Back Arrow アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:back-arrow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:back-arrow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:back-arrow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--back-arrow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:back-arrow"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:back-arrow"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/back-arrow.svg" alt="Back Arrow アイコン" width="24" height="24">
他のアイコンセットの Back Arrow アイコン
Back Arrow アイコン のよくある質問
Back Arrow アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Back Arrow アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:back-arrow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Back Arrow アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/back-arrow.svg" alt="Back Arrow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
