Person Walking Arrow Loop Left アイコン

Q: Person Walking Arrow Loop Left アイコンは商用利用でも無料ですか?

はい。Font Awesome 6 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

fa6-solid:person-walking-arrow-loop-left

Person Walking Arrow Loop Left アイコン(fa6-solid:person-walking-arrow-loop-left)は、Font Awesome 6 Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 512 のグリッドで描かれています。 Font Awesome 6 Solid icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Font Awesome 6 Solid
作者: Dave Gandy
ライセンス: CC-BY-4.0
サイズ: 640 × 512
タグ: personwalking、walkingarrow、arrowloop、loopleft、personwalkingarrowloopleft

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M208 96a48 48 0 1 0 0-96a48 48 0 1 0 0 96m-84.3 104.5c1-.4 1.9-.8 2.9-1.2l-16.9 63.5c-5.6 21.1-.1 43.6 14.7 59.7l70.7 77.1l22 88.1c4.3 17.1 21.7 27.6 38.8 23.3s27.6-21.7 23.3-38.8l-23-92.1c-1.9-7.8-5.8-14.9-11.2-20.8l-49.5-54l19.3-65.5l9.6 23c4.4 10.6 12.5 19.3 22.8 24.5l26.7 13.3c15.8 7.9 35 1.5 42.9-14.3s1.5-35-14.3-42.9L281 232.7l-15.3-36.8c-17.2-41.1-57.4-67.9-102-67.9c-22.8 0-45.3 4.8-66.1 14l-8 3.5c-32.9 14.6-58.1 42.4-69.4 76.5l-2.6 7.8c-5.6 16.8 3.5 34.9 20.2 40.5s34.9-3.5 40.5-20.2l2.6-7.8c5.7-17.1 18.3-30.9 34.7-38.2l8-3.5zm-30 135.1l-25 62.4l-59.3 59.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l61.6-61.7c4.6-4.6 8.2-10.1 10.6-16.1l14.5-36.2l-40.7-44.4c-2.5-2.7-4.8-5.6-7-8.6zm347.7 119c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L461.3 384H480c88.4 0 160-71.6 160-160S568.4 64 480 64H352c-17.7 0-32 14.3-32 32s14.3 32 32 32h128c53 0 96 43 96 96s-43 96-96 96h-18.7l25.4-25.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-80 80c-12.5 12.5-12.5 32.8 0 45.3z"/></svg>

Person Walking Arrow Loop Left アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fa6-solid:person-walking-arrow-loop-left" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa6-solid:person-walking-arrow-loop-left" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa6-solid:person-walking-arrow-loop-left" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-solid--person-walking-arrow-loop-left]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa6-solid -->
<div class="i-fa6-solid:person-walking-arrow-loop-left"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa6-solid:person-walking-arrow-loop-left"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa6-solid/person-walking-arrow-loop-left.svg" alt="Person Walking Arrow Loop Left アイコン" width="24" height="24">

Font Awesome 6 Solid の関連アイコン

他のアイコンセットの Person Walking Arrow Loop Left アイコン

Person Walking Arrow Loop Left アイコンのよくある質問

Person Walking Arrow Loop Left アイコンは商用利用でも無料ですか?

はい。Font Awesome 6 Solid icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Person Walking Arrow Loop Left アイコンを使うには?

@iconify/react をインストールして <Icon icon="fa6-solid:person-walking-arrow-loop-left" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Person Walking Arrow Loop Left アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa6-solid/person-walking-arrow-loop-left.svg" alt="Person Walking Arrow Loop Left アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Font Awesome 6 Solid アイコンをすべて見る →