Torsos All アイコン
foundation:torsos-all
Torsos All アイコン(foundation:torsos-all)は、Foundation セットの無料 SVG アイコンです（作者: Zurb）。 100 × 100 のグリッドで描かれています。 Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Foundation
- 作者
- Zurb
- ライセンス
- MIT
- サイズ
- 100 × 100
- タグ
- torsosall、torso
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="m96.117 57.583l-16.185-7.719c3.774-2.373 6.338-7.016 6.338-12.354c0-7.754-5.397-14.034-12.058-14.034c-2.289 0-4.403.781-6.223 2.066a24.5 24.5 0 0 1 1.701 8.999c0 4.782-1.411 9.317-3.825 13.066a12.3 12.3 0 0 0 2.809 2.36l-.01.003l10.426 4.971c2.947 1.427 4.853 4.583 4.853 8.045v13.54h11.148c1.489 0 2.694-1.401 2.694-3.13V60.492c0-1.282-.659-2.42-1.668-2.909m-64.55-7.758a12.3 12.3 0 0 0 2.368-1.987c-2.514-3.781-3.972-8.401-3.972-13.297c0-3.271.646-6.37 1.777-9.17c-1.76-1.172-3.773-1.895-5.948-1.895c-6.666 0-12.062 6.28-12.062 14.034c0 5.425 2.651 10.12 6.524 12.457l-16.349 7.61c-1.02.479-1.691 1.629-1.691 2.915v12.903c0 1.729 1.209 3.13 2.694 3.13h10.805v-13.54c0-3.503 1.938-6.672 4.943-8.08z"/><path fill="currentColor" d="m76.94 59.386l-14.077-6.715l-5.952-2.84c2.6-1.637 4.711-4.165 6.093-7.21a19.5 19.5 0 0 0 1.749-8.081c0-1.642-.26-3.201-.623-4.706c-1.771-7.293-7.466-12.665-14.302-12.665c-6.708 0-12.316 5.181-14.196 12.266c-.434 1.625-.733 3.315-.733 5.105c0 3.109.727 6.008 1.961 8.529c1.427 2.925 3.542 5.337 6.116 6.888l-5.702 2.654l-14.534 6.768c-1.262.591-2.092 2.016-2.092 3.606v15.97c0 2.14 1.492 3.875 3.333 3.875h51.691c1.841 0 3.333-1.735 3.333-3.875v-15.97c.001-1.584-.815-2.995-2.065-3.599"/></svg>Torsos All アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="foundation:torsos-all" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="foundation:torsos-all" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="foundation:torsos-all" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--torsos-all]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:torsos-all"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="foundation:torsos-all"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/foundation/torsos-all.svg" alt="Torsos All アイコン" width="24" height="24">Foundation の関連アイコン
Torsos All アイコン のよくある質問
Torsos All アイコンは商用利用でも無料ですか?
はい。Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Torsos All アイコンを使うには?
@iconify/react をインストールして <Icon icon="foundation:torsos-all" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Torsos All アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/foundation/torsos-all.svg" alt="Torsos All アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。