Walkr アイコン
arcticons:walkr
Walkr アイコン(arcticons:walkr)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.316 15.793a2.44 2.44 0 0 0 1.716.703h.002a2.448 2.448 0 0 0-.002-4.896h0a2.44 2.44 0 0 0-2.43 2.448a2.38 2.38 0 0 0 .714 1.745M6.838 7.51a.68.68 0 0 1 .206-.479a.8.8 0 0 1 .516-.197a23.9 23.9 0 0 1 9.126 1.51a24.9 24.9 0 0 1 7.626 5.487c1.153 1.154 2.391 2.533 3.751 4.146l8.057.422a.8.8 0 0 1 .553.347l4.765 8.16a.66.66 0 0 1-.103.825l-1.37 1.351a.68.68 0 0 1-.487.188h-.197l-5.824-1.801l-5.966 5.975l1.801 5.871a.69.69 0 0 1-.16.675l-1.37 1.36a.75.75 0 0 1-.477.197a.65.65 0 0 1-.347-.093l-8.16-4.756a.74.74 0 0 1-.338-.553l-.422-8.057q-2.42-2.017-4.146-3.752a24.4 24.4 0 0 1-5.43-7.653a24.1 24.1 0 0 1-1.604-9.202Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.883 6.964a21.498 21.498 0 1 1-3.887 3.876"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.757 2.663a5.595 5.595 0 1 0 10.337 4.284M14.363 43.224A7.32 7.32 0 0 0 4.45 32.982"/></svg>Walkr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:walkr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:walkr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:walkr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--walkr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:walkr"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:walkr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/walkr.svg" alt="Walkr アイコン" width="24" height="24">Walkr アイコン のよくある質問
Walkr アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Walkr アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:walkr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Walkr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/walkr.svg" alt="Walkr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。