Pill Jar2 Duotone アイコン
reicon:pill-jar2-duotone
Pill Jar2 Duotone アイコン(reicon:pill-jar2-duotone)は、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"><g fill="currentColor"><path d="M6 3.5c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.54C6.801 2 7.034 2 7.5 2h9c.466 0 .699 0 .883.076a1 1 0 0 1 .54.541c.077.184.077.417.077.883s0 .699-.076.883a1 1 0 0 1-.541.54C17.199 5 16.966 5 16.5 5h-9c-.466 0-.699 0-.883-.076a1 1 0 0 1-.54-.541C6 4.199 6 3.966 6 3.5" opacity=".5"/><path fill-rule="evenodd" d="M12 11.25a.75.75 0 0 1 .75.75v1.25H14a.75.75 0 0 1 0 1.5h-1.25V16a.75.75 0 0 1-1.5 0v-1.25H10a.75.75 0 0 1 0-1.5h1.25V12a.75.75 0 0 1 .75-.75" clip-rule="evenodd"/><path d="m15.878 15.667l-2.21 2.211c-.917.916-.886 2.432.068 3.386s2.47.985 3.386.069l2.21-2.211c.917-.916.886-2.432-.068-3.386s-2.47-.985-3.386-.069" opacity=".5"/><path d="M9 5L5.501 7.799A4 4 0 0 0 4.108 10h15.788a4 4 0 0 0-1.379-2.2L16.16 5.89L15.018 5zM4.927 20.113A4 4 0 0 1 4.025 18h7.78c-.56 1.31-.336 2.86.58 4H8.957c-.571 0-.857 0-1.127-.037a4 4 0 0 1-2.152-1.008c-.202-.184-.385-.404-.75-.842"/><path d="M4 17.552v-6.63q0-.471.108-.922h15.787q.105.444.105.908v3.476c-1.511-1.215-3.747-1.213-5.182.222l-2.211 2.211c-.354.354-.62.756-.803 1.183H4.025A4 4 0 0 1 4 17.552" opacity=".5"/><path d="M18.82 19.634a5 5 0 0 0-.168-.377a6.5 6.5 0 0 0-1.231-1.678a6.5 6.5 0 0 0-1.678-1.232a5 5 0 0 0-.377-.168l-1.226 1.226l.47.1l.01.003q.024.006.085.026c.08.027.208.076.37.156c.323.161.785.45 1.285.95s.789.962.95 1.285a3 3 0 0 1 .182.454l.003.011l.1.47z"/></g></svg>Pill Jar2 Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:pill-jar2-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:pill-jar2-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:pill-jar2-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--pill-jar2-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:pill-jar2-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:pill-jar2-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/pill-jar2-duotone.svg" alt="Pill Jar2 Duotone アイコン" width="24" height="24">Reicon の関連アイコン
Pill Jar2 Duotone アイコン のよくある質問
Pill Jar2 Duotone アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pill Jar2 Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:pill-jar2-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pill Jar2 Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/pill-jar2-duotone.svg" alt="Pill Jar2 Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。