Иконка Male And Female

healthicons:male-and-female

Иконка Male And Female (healthicons:male-and-female) — бесплатная SVG-иконка из набора Health Icons от Resolve to Save Lives. Она нарисована на сетке 48 × 48. Health Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Health Icons
Автор: Resolve to Save Lives
Лицензия: MIT
Размер: 48 × 48
Категория: Люди
Теги: maleand, andfemale, maleandfemale

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M14.5 13a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7m5.148 7c.05.352.094.729.132 1.122C20 23.367 20 25.8 20 26.5a1.5 1.5 0 1 0 3 0v-.007c0-.707 0-3.264-.234-5.662c-.115-1.19-.296-2.43-.597-3.406c-.147-.479-.355-1.002-.67-1.436c-.317-.434-.91-.989-1.81-.989H9.31c-.901 0-1.494.555-1.81.99c-.316.433-.524.956-.67 1.435c-.301.976-.482 2.217-.598 3.406C6 23.229 6 25.786 6 26.493v.007a1.5 1.5 0 0 0 3 0c0-.7 0-3.133.22-5.378c.037-.393.081-.77.131-1.122H10v20.5a1.5 1.5 0 0 0 2.995.12l.85-10.62h1.31l.85 10.62A1.5 1.5 0 0 0 19 40.5V20zM37 9.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m.867 5.546a1.5 1.5 0 0 0-.367-.045h-8.002q-.185 0-.364.046c-1.114.28-1.863.959-2.333 1.885c-.413.812-.614 1.82-.78 2.823l-1 6a1.5 1.5 0 1 0 2.959.493l1-6c.092-.557.178-.982.265-1.31L29.5 22c0 1.87-1.694 10.408-2.293 13.37a.99.99 0 0 0 .823 1.177c4.122.614 6.818.595 10.939-.004a.99.99 0 0 0 .829-1.173C39.203 32.36 37.5 23.606 37.5 22l.255-3.062c.087.328.173.752.265 1.31l1 6a1.5 1.5 0 0 0 2.96-.494l-1-6c-.167-1.002-.368-2.011-.78-2.822c-.472-.927-1.22-1.605-2.334-1.886m-7.86 26.078l-.376-3.013c1.06.13 2.067.215 3.059.253l-.72 2.879a1 1 0 0 1-1.962-.119m5.023.118l-.714-2.857a35 35 0 0 0 3.04-.174l-.364 2.913a1 1 0 0 1-1.962.118" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="healthicons:male-and-female"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/healthicons/male-and-female.svg" alt="Иконка Male And Female" width="24" height="24">

Вопросы и ответы: Иконка Male And Female

Можно ли бесплатно использовать иконку Male And Female в коммерческих проектах?

Да. Health Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

Установите @iconify/react и выведите <Icon icon="healthicons:male-and-female" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Male And Female на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/healthicons/male-and-female.svg" alt="Иконка Male And Female">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Health Icons →