Walking アイコン
ls:walking
Walking アイコン(ls:walking)は、Ligature Symbols セットの無料 SVG アイコンです（作者: Kazuyuki Motoyama）。 500 × 717 のグリッドで描かれています。 Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ligature Symbols
- 作者
- Kazuyuki Motoyama
- ライセンス
- OFL-1.1
- サイズ
- 500 × 717
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="717" viewBox="0 0 500 717"><path fill="currentColor" d="M304 73c0-40-33-73-74-73c-40 0-72 33-72 73c0 41 32 73 72 73c41 0 74-32 74-73m-79 644h-65s-3-185 2-207c4-22 47-68 49-86c2-19-17-97-17-97s-43 39-57 46s-124 25-124 25L0 342s105-23 120-35c15-11 55-108 85-120c20-9 74-5 101-5c28 0 120 53 129 65c10 11 65 119 65 119l-50 28l-40-86s-31-26-43-30c-13-4-30-9-33 2c-4 10 23 92 30 115c6 24 39 133 51 156s83 125 83 125l-61 40s-87-118-98-135c-12-17-46-108-46-108s-58 71-63 93c-4 20-5 151-5 151"/></svg>
Walking アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ls:walking" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:walking" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:walking" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--walking]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:walking"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:walking"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ls/walking.svg" alt="Walking アイコン" width="24" height="24">
Walking アイコン のよくある質問
Walking アイコンは商用利用でも無料ですか?
はい。Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Walking アイコンを使うには?
@iconify/react をインストールして <Icon icon="ls:walking" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Walking アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ls/walking.svg" alt="Walking アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Ligature Symbols アイコン をすべて見る →
ICONYZ
