ICONYZ
日本語
Foundation の Torsos Male Female アイコン

Torsos Male Female アイコン

foundation:torsos-male-female

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

アイコンセット
Foundation
作者
Zurb
ライセンス
MIT
サイズ
100 × 100
タグ
torsosmale、malefemale、torsosmalefemale、torso
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M90.937 63.235c-.185-1.43-.998-2.653-2.166-3.218L73.748 52.85l-6.353-3.03c2.775-1.747 5.028-4.445 6.503-7.695a20.9 20.9 0 0 0 1.866-8.625c0-1.753-.278-3.416-.666-5.023c-1.89-7.782-7.968-13.515-15.263-13.515c-6.494 0-12.011 4.557-14.48 11.047a20 20 0 0 0-.67 2.043c-.347 1.3-.613 2.64-.725 4.035q-.056.698-.057 1.413q0 .622.036 1.234a20.6 20.6 0 0 0 2.056 7.87c1.523 3.121 3.78 5.695 6.527 7.35l-6.084 2.833l-15.51 7.223c-1.011.474-1.761 1.447-2.074 2.62a4.8 4.8 0 0 0-.159 1.229v17.043c0 2.284 1.591 4.136 3.557 4.136H87.42c1.965 0 3.557-1.852 3.557-4.136V63.859q0-.317-.04-.624"/><path fill="currentColor" d="m39.227 50.335l2.85-1.452c-3.165-4.206-5.065-9.555-5.065-15.383c0-4.041.917-7.85 2.531-11.21c-1.566-.772-3.238-1.212-4.983-1.212c-8.365 0-15.186 9.612-15.544 21.665H19v5.119c0 1.074.871 1.945 1.945 1.945h7.089c.081.051.159.108.24.157l-17.448 8.122c-1.087.511-1.804 1.739-1.804 3.111v13.771c0 1.846 1.289 3.341 2.875 3.341h11.531v-14.45c0-3.739 2.068-7.121 5.275-8.623z"/></svg>

Torsos Male Female アイコンの使い方

React

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

<Icon icon="foundation:torsos-male-female" width="24" />

Vue

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

<template>
  <Icon icon="foundation:torsos-male-female" width="24" />
</template>

Svelte

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

<Icon icon="foundation:torsos-male-female" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="foundation:torsos-male-female"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/foundation/torsos-male-female.svg" alt="Torsos Male Female アイコン" width="24" height="24">

Foundation の関連アイコン

Torsos Male Female アイコン のよくある質問

Torsos Male Female アイコンは商用利用でも無料ですか?

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

React で Torsos Male Female アイコンを使うには?

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

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

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

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