ICONYZ
日本語
Foundation の Wheelchair アイコン

Wheelchair アイコン

foundation:wheelchair

Wheelchair アイコン(foundation:wheelchair)は、Foundation セットの無料 SVG アイコンです(作者: Zurb)。 100 × 100 のグリッドで描かれています。 Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Foundation
作者
Zurb
ライセンス
MIT
サイズ
100 × 100
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M51.77 75.42a13.9 13.9 0 0 1-7.941 2.487c-7.706 0-13.954-6.248-13.954-13.954c0-2.952.922-5.686 2.487-7.94l-5.348-5.348a21.56 21.56 0 0 0-4.852 13.639c0 11.967 9.701 21.668 21.667 21.668c5.174 0 9.923-1.816 13.649-4.843z"/><circle cx="68.862" cy="21.181" r="7.152" fill="currentColor"/><path fill="currentColor" d="M73.35 45.582H57.609l8.977-8.978q.407-.323.73-.729l.073-.073l-.007-.007a4.45 4.45 0 0 0 .919-2.694a4.47 4.47 0 0 0-2.159-3.819l.001-.001L46.04 17.675l-.017.03a4.45 4.45 0 0 0-1.843-.405a4.46 4.46 0 0 0-2.986 1.16l-.006-.006l-.06.06q-.115.107-.222.222l-8.865 8.865l.008.008a4.46 4.46 0 0 0-1.237 3.08a4.486 4.486 0 0 0 4.487 4.487a4.46 4.46 0 0 0 3.08-1.237l.008.008l.081-.081l.008-.008l6.457-6.457l5.514 3.184l-13.011 13.012a21.6 21.6 0 0 0-6.854 3.582l5.307 5.307a13.9 13.9 0 0 1 7.94-2.487c7.707 0 13.954 6.248 13.954 13.954c0 2.952-.922 5.686-2.487 7.94l5.666 5.667a21.57 21.57 0 0 0 4.534-13.256c0-3.507-.838-6.816-2.317-9.746h5.683v18.371a4.488 4.488 0 1 0 8.976 0v-22.86a4.49 4.49 0 0 0-4.488-4.487"/></svg>

Wheelchair アイコンの使い方

React

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

<Icon icon="foundation:wheelchair" width="24" />

Vue

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

<template>
  <Icon icon="foundation:wheelchair" width="24" />
</template>

Svelte

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

<Icon icon="foundation:wheelchair" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--wheelchair]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:wheelchair"></div>

Web コンポーネント

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

<iconify-icon icon="foundation:wheelchair"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/foundation/wheelchair.svg" alt="Wheelchair アイコン" width="24" height="24">

他のアイコンセットの Wheelchair アイコン

Wheelchair アイコン のよくある質問

Wheelchair アイコンは商用利用でも無料ですか?

はい。Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Wheelchair アイコンを使うには?

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

Wheelchair アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/foundation/wheelchair.svg" alt="Wheelchair アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Foundation アイコン をすべて見る →