Medicine アイコン
streamline-kameleon-color:medicine
Medicine アイコン(streamline-kameleon-color:medicine)は、Kameleon color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Kameleon color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 健康
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#fabc3d" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#059bbf" d="M32.728 18.763a3.49 3.49 0 0 0-3.491-3.491H18.764a3.49 3.49 0 0 0-3.491 3.49v15.71a3.49 3.49 0 0 0 3.49 3.49h10.474a3.49 3.49 0 0 0 3.49-3.49z"/><path fill="#f0f1f1" d="M32.728 20.508H15.273v12.217h17.455z"/><path fill="#21b2d1" d="M24 15.272v5.236h-8.727v-1.745a3.49 3.49 0 0 1 3.49-3.491z"/><path fill="#fff" d="M24 20.508h-8.727v12.217H24z"/><path fill="#f0f1f1" d="M32.728 14.4a.873.873 0 0 1-.873.872h-15.71a.873.873 0 0 1-.872-.873v-3.49c0-.483.39-.873.873-.873h15.709c.482 0 .873.39.873.872z"/><path fill="#fff" d="M24 10.036h-7.854a.873.873 0 0 0-.873.872V14.4c0 .482.39.873.873.873H24z"/><path fill="#fa5655" d="M28.8 24.617H26v-2.8h-4v2.8h-2.8v4H22v2.8h4v-2.8h2.8z"/><path fill="#f0f1f1" d="M19.2 10.036h-1.309v5.236h1.31zm3.49 0h-1.308v5.236h1.309z"/><path fill="#e2e4e5" d="M26.618 10.036H25.31v5.236h1.31zm3.491 0h-1.31v5.236h1.31z"/><path fill="#21b2d1" d="M24 32.726v5.236h-5.236a3.49 3.49 0 0 1-3.491-3.491v-1.745z"/></g></svg>Medicine アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:medicine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:medicine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:medicine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--medicine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:medicine"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:medicine"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/medicine.svg" alt="Medicine アイコン" width="24" height="24">Kameleon color icons の関連アイコン
Medicine アイコン のよくある質問
Medicine アイコンは商用利用でも無料ですか?
はい。Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Medicine アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-kameleon-color:medicine" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Medicine アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/medicine.svg" alt="Medicine アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。