Human Resoruces アイコン
healthicons:human-resoruces
Human Resoruces アイコン(healthicons:human-resoruces)は、Health Icons セットの無料 SVG アイコンです（作者: 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 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Human Resoruces アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。