ICONYZ
Español
Icono Male de WebHostingHub Glyphs

Icono Male

whh:male

El icono Male (whh:male) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1024 × 1023. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
WebHostingHub Glyphs
Autor
WebHostingHub
Licencia
OFL-1.1
Tamaño
1024 × 1023
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1023" viewBox="0 0 1024 1023"><path fill="currentColor" d="M955.5 477q-28.5 0-48.5-20t-20-48V223L622 488q61 88 61 194q0 93-46 171.5t-124.5 124t-171 45.5T170 977.5t-124.5-124T0 682t45.5-171.5t124.5-124T341 341q107 0 194 60l266-265H614q-28 0-48-20t-20-48t20-48t48-20h342q28 0 48 20t20 48v341q0 28-20 48t-48.5 20m-614 0Q257 477 197 537t-60 145t60 145t144.5 60T486 827t60-145t-60-145t-144.5-60"/></svg>

Cómo usar el icono Male

React

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

<Icon icon="whh:male" width="24" />

Vue

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

<template>
  <Icon icon="whh:male" width="24" />
</template>

Svelte

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

<Icon icon="whh:male" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="whh:male"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/whh/male.svg" alt="Icono Male" width="24" height="24">

El icono Male en otras colecciones

Preguntas frecuentes sobre Icono Male

¿El icono Male es gratis para uso comercial?

Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Male en React?

Instala @iconify/react y renderiza <Icon icon="whh:male" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Male a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/male.svg" alt="Icono Male">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos WebHostingHub Glyphs →