Male Female アイコン

vs:male-female

Male Female アイコン(vs:male-female)は、Vesper Icons セットの無料 SVG アイコンです（作者: TableCheck）。 2656 × 2080 のグリッドで描かれています。 Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Vesper Icons
作者: TableCheck
ライセンス: OFL-1.1
サイズ: 2656 × 2080
タグ: malefemale

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="2656" height="2080" viewBox="0 0 2656 2080"><path fill="currentColor" d="M2291 261q0 109-75.5 185T2031 522t-186-76t-77-185t77-185t186-76t184.5 76t75.5 185m-1285 0q0 109-76 185t-185 76q-108 0-184.5-76.5T484 261t76.5-184.5T745 0q109 0 185 76t76 185m168 423l184 277l157-277q56-125 121-125h766q92 0 157.5 65.5T2625 782v484q0 46-33 79.5t-79 33.5t-78.5-33t-32.5-80V858h-73v1062q0 54-39 92t-93 38q-53 0-91-38t-38-92v-541h-75v541q0 54-39 92t-93 38q-53 0-91-38t-38-92V858h-45l-203 371q-16 34-43.5 54.5T1378 1304q-59 0-93-49l-263-397h-53v153l254 424l33 55q10 17 10 37q0 32-21 54t-52 22H969v317q0 54-38.5 92t-91.5 38H652q-53 0-91.5-38t-38.5-92v-317H299q-31 0-53.5-22.5T223 1527q0-17 10-37l289-479V858h-53l-265 397q-31 49-92 49q-46 0-79-32.5T0 1193q0-34 19-61l298-448q37-56 90.5-90.5T522 559h447q61 0 114.5 34.5T1174 684"/></svg>

Male Female アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="vs:male-female"></iconify-icon>

HTML 画像

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

他のアイコンセットの Male Female アイコン

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

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

はい。Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Vesper Icons をすべて見る →