Hospital アイコン

Q: Hospital アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fxemoji:hospital

Hospital アイコン(fxemoji:hospital)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Firefox OS Emoji
作者: Mozilla
ライセンス: Apache-2.0
サイズ: 512 × 512
カテゴリ: 場所

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#AFC1C9" d="M483.114 208.091H149.055c-7.953 0-14.4 6.447-14.4 14.4v80.147H34.069c-7.953 0-14.4 6.447-14.4 14.4V482.6c0 7.953 6.447 14.4 14.4 14.4h449.046c7.953 0 14.4-6.447 14.4-14.4V222.491c-.001-7.953-6.449-14.4-14.401-14.4"/><path fill="#95AAAD" d="M498.737 188.996H214.701a7.2 7.2 0 0 0-7.2 7.2v16.99a8.505 8.505 0 0 0 8.505 8.505h281.427a8.505 8.505 0 0 0 8.505-8.505v-16.99a7.2 7.2 0 0 0-7.201-7.2M18.445 279.932h284.037a7.2 7.2 0 0 1 7.2 7.2v16.99a8.505 8.505 0 0 1-8.505 8.505H19.75a8.505 8.505 0 0 1-8.505-8.505v-16.99a7.2 7.2 0 0 1 7.2-7.2"/><path fill="#CFDBE2" d="M316.414 30.003H58.699c-4.162 0-7.536 3.994-7.536 8.92V488.08c0 4.926 3.374 8.92 7.536 8.92h257.715c4.162 0 7.536-3.994 7.536-8.92V38.923c0-4.926-3.374-8.92-7.536-8.92"/><path fill="#FF473E" d="M234.917 113.538h-33.14v-33.14a7.2 7.2 0 0 0-7.2-7.2h-14.04a7.2 7.2 0 0 0-7.2 7.2v33.14h-33.14a7.2 7.2 0 0 0-7.2 7.2v14.04a7.2 7.2 0 0 0 7.2 7.2h33.14v33.14a7.2 7.2 0 0 0 7.2 7.2h14.04a7.2 7.2 0 0 0 7.2-7.2v-33.14h33.14a7.2 7.2 0 0 0 7.2-7.2v-14.04a7.2 7.2 0 0 0-7.2-7.2"/><path fill="#0096D1" d="M463.893 368.367H358.115a7.2 7.2 0 0 1-7.2-7.2v-42.429a7.2 7.2 0 0 1 7.2-7.2h105.779a7.2 7.2 0 0 1 7.2 7.2v42.429a7.2 7.2 0 0 1-7.201 7.2m8.439 81.968v-42.429a7.2 7.2 0 0 0-7.2-7.2H356.876a7.2 7.2 0 0 0-7.2 7.2v42.429a7.2 7.2 0 0 0 7.2 7.2h108.256a7.2 7.2 0 0 0 7.2-7.2m0-181.17V255.15a7.2 7.2 0 0 0-7.2-7.2H356.876a7.2 7.2 0 0 0-7.2 7.2v14.015a7.2 7.2 0 0 0 7.2 7.2h108.256a7.2 7.2 0 0 0 7.2-7.2"/><path fill="#2B3B47" d="M100.843 421.106H274.27V497H100.843z"/><path fill="#00B1FF" d="M205.639 368.367h-35.71a7.2 7.2 0 0 1-7.2-7.2v-44.863a7.2 7.2 0 0 1 7.2-7.2h35.71a7.2 7.2 0 0 1 7.2 7.2v44.863a7.2 7.2 0 0 1-7.2 7.2m85.161-7.2v-44.863a7.2 7.2 0 0 0-7.2-7.2h-35.71a7.2 7.2 0 0 0-7.2 7.2v44.863a7.2 7.2 0 0 0 7.2 7.2h35.71a7.2 7.2 0 0 0 7.2-7.2m-155.921 0v-44.863a7.2 7.2 0 0 0-7.2-7.2h-35.71a7.2 7.2 0 0 0-7.2 7.2v44.863a7.2 7.2 0 0 0 7.2 7.2h35.71a7.2 7.2 0 0 0 7.2-7.2m-19.774-92.002v-44.863a7.2 7.2 0 0 0-7.2-7.2H91.969a7.2 7.2 0 0 0-7.2 7.2v44.863a7.2 7.2 0 0 0 7.2 7.2h15.936a7.2 7.2 0 0 0 7.2-7.2m58.565 0v-44.863a7.2 7.2 0 0 0-7.2-7.2h-15.936a7.2 7.2 0 0 0-7.2 7.2v44.863a7.2 7.2 0 0 0 7.2 7.2h15.936a7.2 7.2 0 0 0 7.2-7.2m58.565 0v-44.863a7.2 7.2 0 0 0-7.2-7.2h-15.936a7.2 7.2 0 0 0-7.2 7.2v44.863a7.2 7.2 0 0 0 7.2 7.2h15.936a7.2 7.2 0 0 0 7.2-7.2m58.565 0v-44.863a7.2 7.2 0 0 0-7.2-7.2h-15.936a7.2 7.2 0 0 0-7.2 7.2v44.863a7.2 7.2 0 0 0 7.2 7.2H283.6a7.2 7.2 0 0 0 7.2-7.2"/><path fill="#67747C" d="M274.27 429.12H100.843v-8.22c0-5.442 4.412-9.854 9.854-9.854h153.718c5.442 0 9.854 4.412 9.854 9.854z"/><path fill="#95AAAD" d="M329.803 20.062H45.766a7.2 7.2 0 0 0-7.2 7.2v16.99a8.505 8.505 0 0 0 8.505 8.505h281.427a8.505 8.505 0 0 0 8.505-8.505v-16.99a7.2 7.2 0 0 0-7.2-7.2"/></svg>

Hospital アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:hospital" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:hospital" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:hospital" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--hospital]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:hospital"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:hospital"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/hospital.svg" alt="Hospital アイコン" width="24" height="24">

他のアイコンセットの Hospital アイコン

Hospital アイコンのよくある質問

Hospital アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Hospital アイコンを使うには?

@iconify/react をインストールして <Icon icon="fxemoji:hospital" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Hospital アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/hospital.svg" alt="Hospital アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Firefox OS Emoji アイコンをすべて見る →