Torso アイコン

Q: Torso アイコンは商用利用でも無料ですか?

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

foundation:torso

Torso アイコン(foundation:torso)は、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="m80.161 60.441l-15.66-7.47l-6.622-3.159c2.892-1.822 5.241-4.634 6.778-8.022a21.7 21.7 0 0 0 1.946-8.99c0-1.827-.29-3.562-.694-5.236C63.94 19.453 57.605 13.477 50 13.477c-7.461 0-13.701 5.763-15.792 13.645c-.482 1.808-.815 3.688-.815 5.68c0 3.459.808 6.684 2.181 9.489c1.587 3.254 3.94 5.937 6.804 7.662l-6.342 2.953l-16.168 7.53c-1.404.658-2.327 2.242-2.327 4.011v17.765c0 2.381 1.659 4.312 3.708 4.312h57.505c2.048 0 3.708-1.93 3.708-4.312V64.446c-.002-1.763-.91-3.332-2.301-4.005"/></svg>

Torso アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Foundation の関連アイコン

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

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

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

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

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

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

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

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

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