Walking Bold アイコン
glyphs:walking-bold
Walking Bold アイコン(glyphs:walking-bold)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- walkingbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="m34.952 45.6l-2.56 8.772a4 4 0 0 1-1.401 2.05l-4.43 3.408a4 4 0 1 0 4.878 6.34l4.43-3.407a12 12 0 0 0 4.203-6.15l.835-2.862l-2.819-3.946a10.94 10.94 0 0 1-3.136-4.205" clip-rule="evenodd"/><path d="m32.392 54.372l.48.14zm2.56-8.772l.46-.194l-.546-1.297l-.394 1.351zM30.99 56.422l.305.397zm-4.43 3.408l-.305-.397zm-.731 5.609l-.397.305zm5.609.732l.305.396zm4.43-3.408l-.305-.396zm4.203-6.15l.48.14zm.835-2.862l.48.14l.068-.233l-.141-.197zm-2.819-3.946l.407-.29l-.038-.054l-.051-.042zm-5.216 4.707l2.56-8.772l-.96-.28l-2.56 8.772zm-1.576 2.307a4.5 4.5 0 0 0 1.576-2.307l-.96-.28a3.5 3.5 0 0 1-1.226 1.794zm-4.43 3.407l4.43-3.407l-.61-.793l-4.43 3.407zm-.64 4.908a3.5 3.5 0 0 1 .64-4.908l-.61-.793a4.5 4.5 0 0 0-.823 6.31zm4.908.64a3.5 3.5 0 0 1-4.908-.64l-.793.61a4.5 4.5 0 0 0 6.31.823zm4.43-3.407l-4.43 3.407l.61.793l4.43-3.407zm4.028-5.894a11.5 11.5 0 0 1-4.028 5.894l.61.793a12.5 12.5 0 0 0 4.378-6.407zm.835-2.862l-.835 2.862l.96.28l.835-2.862zm.887-.15l-2.819-3.947l-.814.582l2.819 3.946zm-2.908-4.042a10.4 10.4 0 0 1-2.993-4.013l-.922.388a11.44 11.44 0 0 0 3.28 4.397z"/><path fill-rule="evenodd" d="M36.622 26.712a8.04 8.04 0 0 1 12.107 3.482l1.39 3.378a4 4 0 0 0 1.784 1.988l3.012 1.643a4 4 0 0 1-3.83 7.023l-3.013-1.643a12 12 0 0 1-2.047-1.41l-.807 4.85l3.154 4.416a12 12 0 0 1 1.877 4.065l2.132 8.526a4 4 0 0 1-7.762 1.94l-2.131-8.526a4 4 0 0 0-.626-1.355l-3.774-5.284a10.95 10.95 0 0 1-3.995-8.312l-1.107 1.968a4 4 0 0 1-6.972-3.922l3.627-6.447a12 12 0 0 1 3.484-3.883z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M40.655 23.87a5.406 5.406 0 1 0 4.69-9.74a5.406 5.406 0 0 0-4.69 9.74"/></g></svg>Walking Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:walking-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:walking-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:walking-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--walking-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:walking-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:walking-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/walking-bold.svg" alt="Walking Bold アイコン" width="24" height="24">Glyphs の関連アイコン
他のアイコンセットの Walking Bold アイコン
Walking Bold アイコン のよくある質問
Walking Bold アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Walking Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:walking-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Walking Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/walking-bold.svg" alt="Walking Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。