ICONYZ
Русский
Иконка Human Resoruces из набора Health Icons

Иконка Human Resoruces

healthicons:human-resoruces

Иконка Human Resoruces (healthicons:human-resoruces) — бесплатная 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
Категория
Специальности
Теги
humanresoruces, resoruce
Скачать 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="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>

Как использовать иконку 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>

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

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

<iconify-icon icon="healthicons:human-resoruces"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/healthicons/human-resoruces.svg" alt="Иконка Human Resoruces" width="24" height="24">

Похожие иконки в наборе Health Icons

Вопросы и ответы: Иконка Human Resoruces

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

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

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

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

Как добавить иконку Human Resoruces на веб-страницу?

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

Все Health Icons →