Quarantine アイコン
openmoji:quarantine
Quarantine アイコン(openmoji:quarantine)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- OpenMoji 追加分
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><rect width="15.169" height="5.886" x="10.052" y="21.052" fill="#fff" rx="2.032" ry="2.032"/><path fill="#a57939" d="m12.902 14.702l22.105 2.301l.355 44.05h3.744V13.552L12.902 11z"/><g fill="#fcea2b"><path d="M59.892 30.978a3.005 3.005 0 0 0-2.942-2.887h-4.193a3.005 3.005 0 0 0-2.942 2.887l-.553 13.586a.7.7 0 0 1-.085.305l2.05-1.464l-.498 15.469c-.023.22.04.44.175.614a.17.17 0 0 0 .106.063c.15 0 .458-.298.513-.786l2.026-15.728q.088-.434.282-.833l.506-.562h1.136l.687.435c.126.3.209.615.246.937l1.777 15.75c.055.487.365.786.514.786a.17.17 0 0 0 .107-.063c.134-.174.342-.409.319-.63l-.652-15.451l2.446 1.698"/><circle cx="54.909" cy="22.845" r="2.075"/></g><g fill="#fcea2b"><path d="M21.454 30.978a3.005 3.005 0 0 0-2.942-2.887H14.32a3.005 3.005 0 0 0-2.942 2.887l-.553 13.586a.7.7 0 0 1-.085.305l2.05-1.463l-.499 15.468a.86.86 0 0 0 .175.614a.17.17 0 0 0 .106.063c.15 0 .459-.298.514-.786l2.026-15.727a3.5 3.5 0 0 1 .281-.834l.507-.562h1.135l.688.435q.19.452.246.938l1.777 15.748c.055.488.364.787.514.787a.17.17 0 0 0 .106-.063c.135-.174.342-.409.32-.629l-.652-15.452l2.446 1.698"/><circle cx="16.471" cy="22.845" r="2.075"/></g><path fill="#6a462f" d="M39.106 13.552L34.617 18l-21.715-3.149v-4.085z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.224" d="m13.902 14.702l21.105 2.301l.355 44.05h3.744l-.233-47.501L13.902 11"/><g fill="none" stroke="#000" stroke-width="2"><circle cx="55.047" cy="23.097" r="2.075" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="m58.518 32.14l1.328 26.557c.038.77-.402 1.398-.979 1.398a1.45 1.45 0 0 1-1.208-1.389L55.882 43.31c-.09-.764-.474-1.389-.859-1.389s-.77.625-.859 1.389L52.39 58.706a1.45 1.45 0 0 1-1.208 1.389c-.577 0-1.017-.63-.979-1.398l1.328-26.557"/><path stroke-linecap="round" stroke-linejoin="round" d="m48.736 44.72l.553-13.28a3.686 3.686 0 0 1 3.64-3.494h4.193"/><path stroke-linecap="round" stroke-linejoin="round" d="M57.071 27.946a3.686 3.686 0 0 1 3.64 3.495l.554 13.278"/></g><g fill="none" stroke="#000" stroke-width="2"><circle cx="16.609" cy="23.163" r="2.075" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="m20.08 32.206l1.328 26.557c.038.769-.402 1.398-.979 1.398a1.45 1.45 0 0 1-1.208-1.389l-1.777-15.397c-.09-.764-.474-1.389-.859-1.389s-.77.625-.859 1.39l-1.774 15.396a1.45 1.45 0 0 1-1.208 1.389c-.577 0-1.017-.63-.979-1.398l1.328-26.557"/><path stroke-linecap="round" stroke-linejoin="round" d="m10.298 44.785l.553-13.278a3.686 3.686 0 0 1 3.64-3.495h4.193"/><path stroke-linecap="round" stroke-linejoin="round" d="M18.633 28.012a3.686 3.686 0 0 1 3.64 3.495l.554 13.278"/></g><circle cx="26.113" cy="29.338" r="2"/><circle cx="9.297" cy="19.003" r="2"/><circle cx="7" cy="26.023" r="2"/><circle cx="22.826" cy="20" r="2"/><circle cx="28.113" cy="23.784" r="2"/></svg>Quarantine アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:quarantine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:quarantine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:quarantine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--quarantine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:quarantine"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:quarantine"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/quarantine.svg" alt="Quarantine アイコン" width="24" height="24">他のアイコンセットの Quarantine アイコン
Quarantine アイコン のよくある質問
Quarantine アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Quarantine アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:quarantine" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Quarantine アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/quarantine.svg" alt="Quarantine アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。