Hand Pills アイコン
reicon:hand-pills
Hand Pills アイコン(reicon:hand-pills)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.11 3.327A1.968 1.968 0 0 0 9.328 6.11l.988.988q.052-.022.106-.049c.386-.186.933-.521 1.52-1.108s.922-1.134 1.108-1.52l.05-.106zm2.103 2.102a7.4 7.4 0 0 1-1.211 1.573a7.4 7.4 0 0 1-1.573 1.211l.46.46a1.969 1.969 0 0 0 2.785-2.783zM8.266 2.266a3.47 3.47 0 0 1 4.905 0l2.563 2.563a3.469 3.469 0 0 1-4.905 4.905L8.266 7.171a3.47 3.47 0 0 1 0-4.905m.418 12.182c1.866-.361 3.863-.28 5.48.684c.226.135.44.304.625.512c.376.423.57.947.579 1.473q.286-.186.577-.407l1.808-1.365a2.64 2.64 0 0 1 3.124 0c.835.63 1.169 1.763.57 2.723c-.425.681-1.065 1.624-1.717 2.228c-.66.61-1.597 1.124-2.306 1.466c-.862.416-1.792.646-2.697.792c-1.85.3-3.774.254-5.602-.123a14.3 14.3 0 0 0-2.865-.293H4a.75.75 0 0 1 0-1.5h2.26c1.062 0 2.135.111 3.168.324a14.1 14.1 0 0 0 5.06.111c.828-.134 1.602-.333 2.284-.662c.683-.33 1.451-.764 1.938-1.215c.493-.457 1.044-1.248 1.465-1.922c.127-.204.109-.497-.202-.732c-.37-.28-.947-.28-1.316 0l-1.807 1.365c-.722.545-1.61 1.128-2.711 1.304a9 9 0 0 1-.347.048q-.086.015-.179.02a10 10 0 0 1-1.932 0a.75.75 0 1 1 .141-1.493a8.5 8.5 0 0 0 1.668-.003l.03-.003a.742.742 0 0 0 .15-1.138a1.2 1.2 0 0 0-.275-.222c-1.181-.705-2.759-.822-4.426-.5a12.1 12.1 0 0 0-4.535 1.935a.75.75 0 0 1-.868-1.224a13.6 13.6 0 0 1 5.118-2.183" clip-rule="evenodd"/></svg>Hand Pills アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:hand-pills" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:hand-pills" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:hand-pills" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--hand-pills]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:hand-pills"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:hand-pills"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/hand-pills.svg" alt="Hand Pills アイコン" width="24" height="24">Reicon の関連アイコン
Hand Pills アイコン のよくある質問
Hand Pills アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hand Pills アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:hand-pills" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hand Pills アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/hand-pills.svg" alt="Hand Pills アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。