Иконка Male Female

vs:male-female

Иконка Male Female (vs:male-female) — бесплатная SVG-иконка из набора Vesper Icons от 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>

Веб-компонент

<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, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Male Female в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Vesper Icons →