Person Walking Dashed Line Arrow Right アイコン
fa6-solid:person-walking-dashed-line-arrow-right
Person Walking Dashed Line Arrow Right アイコン(fa6-solid:person-walking-dashed-line-arrow-right)は、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、walkingdashed、dashedline、linearrow、arrowright
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.6zm456.9-182.2c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l25.4 25.3H384c-17.7 0-32 14.3-32 32s14.3 32 32 32h146.7l-25.4 25.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l80-80c12.5-12.5 12.5-32.8 0-45.3zM392 0c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24s24-10.7 24-24V24c0-13.3-10.7-24-24-24m24 152c0-13.3-10.7-24-24-24s-24 10.7-24 24v16c0 13.3 10.7 24 24 24s24-10.7 24-24zm-24 168c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24s24-10.7 24-24v-16c0-13.3-10.7-24-24-24m24 120c0-13.3-10.7-24-24-24s-24 10.7-24 24v48c0 13.3 10.7 24 24 24s24-10.7 24-24z"/></svg>
Person Walking Dashed Line Arrow Right アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa6-solid:person-walking-dashed-line-arrow-right" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa6-solid:person-walking-dashed-line-arrow-right" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa6-solid:person-walking-dashed-line-arrow-right" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-solid--person-walking-dashed-line-arrow-right]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa6-solid -->
<div class="i-fa6-solid:person-walking-dashed-line-arrow-right"></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-dashed-line-arrow-right"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa6-solid/person-walking-dashed-line-arrow-right.svg" alt="Person Walking Dashed Line Arrow Right アイコン" width="24" height="24">
Font Awesome 6 Solid の関連アイコン
他のアイコンセットの Person Walking Dashed Line Arrow Right アイコン
Person Walking Dashed Line Arrow Right アイコン のよくある質問
Person Walking Dashed Line Arrow Right アイコンは商用利用でも無料ですか?
はい。Font Awesome 6 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Person Walking Dashed Line Arrow Right アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa6-solid:person-walking-dashed-line-arrow-right" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person Walking Dashed Line Arrow Right アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa6-solid/person-walking-dashed-line-arrow-right.svg" alt="Person Walking Dashed Line Arrow Right アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 6 Solid アイコン をすべて見る →
