Ícone Human Resoruces
healthicons:human-resoruces
O ícone Human Resoruces (healthicons:human-resoruces) é 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
- Especialidades
- Tags
- humanresoruces, resoruce
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="M6 9a3 3 0 0 1 3-3h30a3 3 0 0 1 3 3v30a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3zm13 11a3 3 0 1 1-6 0a3 3 0 1 1 6 0m-7 7.727c0-.118.047-.276.256-.486c.218-.22.564-.442 1.019-.641c.914-.4 2.028-.6 2.725-.6s1.81.2 2.725.6c.455.198.8.42 1.019.64c.21.211.256.369.256.487V31h2v-3.273c0-.788-.37-1.425-.837-1.896c-.459-.461-1.05-.807-1.637-1.064C18.358 24.257 16.971 24 16 24c-.972 0-2.358.257-3.526.767c-.587.257-1.178.603-1.637 1.064c-.467.471-.837 1.108-.837 1.896V31h2zm16.256-.486c-.21.21-.256.368-.256.486V31h-2v-3.273c0-.788.37-1.425.837-1.896c.459-.461 1.05-.807 1.637-1.064C29.642 24.257 31.029 24 32 24s2.358.257 3.526.767c.587.257 1.178.603 1.637 1.064c.468.471.837 1.108.837 1.896V31h-2v-3.273c0-.118-.047-.276-.256-.486c-.218-.22-.564-.442-1.019-.641c-.914-.4-2.028-.6-2.725-.6s-1.81.2-2.725.6c-.455.198-.8.42-1.019.64M32 23a3 3 0 1 0 0-6a3 3 0 1 0 0 6m-5-5a3 3 0 1 1-6 0a3 3 0 1 1 6 0m-4.754 7.166c.07-.079.168-.143.451-.17a5 5 0 0 1 .554-.012l.202.005c.17.005.363.011.547.011s.377-.006.547-.01l.202-.006a5 5 0 0 1 .554.011c.283.028.38.092.451.171l1.492-1.332c-.525-.588-1.18-.774-1.748-.83c-.344-.033-.77-.021-1.12-.012c-.142.004-.272.008-.378.008s-.236-.004-.378-.008c-.35-.01-.776-.02-1.12.013c-.568.055-1.223.241-1.748.829z" clip-rule="evenodd"/></svg>Como usar o ícone Human Resoruces
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:human-resoruces" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:human-resoruces" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:human-resoruces" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--human-resoruces]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:human-resoruces"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:human-resoruces"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/healthicons/human-resoruces.svg" alt="Ícone Human Resoruces" width="24" height="24">Ícones relacionados em Health Icons
Perguntas frequentes sobre Ícone Human Resoruces
O ícone Human Resoruces é 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 Human Resoruces no React?
Instale @iconify/react e renderize <Icon icon="healthicons:human-resoruces" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Human Resoruces a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/healthicons/human-resoruces.svg" alt="Ícone Human Resoruces">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.