Ícone Male And Female
healthicons:male-and-female
O ícone Male And Female (healthicons:male-and-female) é um ícone SVG gratuito da coleção Health Icons de Resolve to Save Lives. Ele é desenhado em uma grade de 48 × 48. Health Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Health Icons
- Autor
- Resolve to Save Lives
- Licença
- MIT
- Tamanho
- 48 × 48
- Categoria
- Pessoas
- Tags
- maleand, andfemale, maleandfemale
Código 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>
Como usar o ícone 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>
Web component
<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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/healthicons/male-and-female.svg" alt="Ícone Male And Female" width="24" height="24">
Ícones relacionados em Health Icons
Perguntas frequentes sobre Ícone Male And Female
O ícone Male And Female é grátis para uso comercial?
Sim. Health Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Male And Female no React?
Instale @iconify/react e renderize <Icon icon="healthicons:male-and-female" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Male And Female a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/healthicons/male-and-female.svg" alt="Ícone Male And Female">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Health Icons →
ICONYZ
