Drinking Fountain アイコン
medical-icon:drinking-fountain
Drinking Fountain アイコン(medical-icon:drinking-fountain)は、Medical Icons セットの無料 SVG アイコンです（作者: Samuel Frémondière）。 63 × 64 のグリッドで描かれています。 Medical Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Medical Icons
- 作者
- Samuel Frémondière
- ライセンス
- MIT
- サイズ
- 63 × 64
- タグ
- drinkingfountain
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="63" height="64" viewBox="0 0 63 64"><path fill="currentColor" d="M55.826 1.316H7.916A7.29 7.29 0 0 0 .625 8.607v47.91a7.29 7.29 0 0 0 7.291 7.291h47.91a7.29 7.29 0 0 0 7.291-7.291V8.607a7.29 7.29 0 0 0-7.291-7.291m-8.369 20.007a.724.724 0 1 1 0 1.448a.724.724 0 0 1 0-1.448m-1.136-1.666a.597.597 0 1 1 0 1.193a.597.597 0 0 1 0-1.193m.17 3.195a.724.724 0 1 1-1.448 0a.724.724 0 0 1 1.448 0m-1.809-4.172a.597.597 0 1 1 0 1.193a.597.597 0 0 1 0-1.193m-.07 1.881a.597.597 0 1 1 0 1.195a.597.597 0 0 1 0-1.195m-1.669-2.043a.543.543 0 1 1 0 1.086a.543.543 0 0 1 0-1.086m-.021 1.559a.544.544 0 1 1-.001 1.087a.544.544 0 0 1 .001-1.087M37.79 10.13a4.343 4.343 0 1 1 0 8.686a4.343 4.343 0 0 1 0-8.686m1.262 13.115a.544.544 0 1 1 .001-1.087a.544.544 0 0 1-.001 1.087m.544 1.236a.544.544 0 1 1-1.087-.001a.544.544 0 0 1 1.087.001m-.353-3.58a.543.543 0 1 1 1.086 0a.543.543 0 0 1-1.086 0m1.508 2.474a.543.543 0 1 1 0-1.086a.543.543 0 0 1 0 1.086m.543 1.106a.543.543 0 1 1-1.086 0a.543.543 0 0 1 1.086 0m-.614-4.866a.543.543 0 1 1 1.086 0a.543.543 0 0 1-1.086 0m.212 1.688a.543.543 0 1 1 1.086 0a.543.543 0 0 1-1.086 0m-3.994 15.44a2.16 2.16 0 0 1-1.542-.645l-.013.014l-6.172-5.973v-5.045l-7.239 4.724l-.058-.089l-.049.028l.107.062v22.673a3.324 3.324 0 1 1-6.594.11V25.961l.015.009a4.34 4.34 0 0 1 1.839-3.542l-.004-.007l.15-.092q.08-.052.161-.1l8.769-5.421c.39-.354.845-.638 1.345-.832l.111-.068l.005.024a4.342 4.342 0 0 1 5.786 4.436v7.685l4.781 4.859a2.173 2.173 0 0 1-1.397 3.834zm14.711 1.361h-6.595l-9.008-9.169s-1.447-2.815 1.369-3.137H51.61z"/></svg>Drinking Fountain アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="medical-icon:drinking-fountain" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="medical-icon:drinking-fountain" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="medical-icon:drinking-fountain" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[medical-icon--drinking-fountain]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/medical-icon -->
<div class="i-medical-icon:drinking-fountain"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="medical-icon:drinking-fountain"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/medical-icon/drinking-fountain.svg" alt="Drinking Fountain アイコン" width="24" height="24">他のアイコンセットの Drinking Fountain アイコン
Drinking Fountain アイコン のよくある質問
Drinking Fountain アイコンは商用利用でも無料ですか?
はい。Medical Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Drinking Fountain アイコンを使うには?
@iconify/react をインストールして <Icon icon="medical-icon:drinking-fountain" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Drinking Fountain アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/medical-icon/drinking-fountain.svg" alt="Drinking Fountain アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。