Mosquito Collection Outline アイコン
healthicons:mosquito-collection-outline
Mosquito Collection Outline アイコン(healthicons:mosquito-collection-outline)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 48 × 48
- カテゴリ
- 診断
- タグ
- mosquitocollection、collectionoutline、mosquitocollectionoutline、mosquito collection2x outline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M23.5 4a1 1 0 0 1 1 1v6.317a2.6 2.6 0 0 1 .66.664l1.7-1.416a1 1 0 0 1 .423-.208l3-.667a1 1 0 1 1 .433 1.953l-2.763.614l-1.813 1.511a1 1 0 0 1-.146.102l.018.067l11.174 1.287l.195.618c.25.794.15 1.92-.783 2.81c-.894.853-2.406 1.348-4.683 1.348c-2.383 0-4.014-.74-5.049-1.802a5 5 0 0 1-.368-.423a19 19 0 0 1-.031 1.34q.053.03.105.065l2.248 1.57a1 1 0 0 1 .242.238l1.21 1.696l2.019.506a1 1 0 0 1-.488 1.94l-2.374-.596a1 1 0 0 1-.57-.389l-1.325-1.854l-1.352-.944q-.12.591-.284 1.101l1.618 1.355a1 1 0 0 1 .337.971l-.473 2.26l.787.787c2.385-.188 4.491-.515 6.162-.933c1.145-.286 2.006-.596 2.591-.888c-.555-.277-1.36-.57-2.42-.845v-2.06c3.08.73 5 1.761 5 2.905v3.667c0 .801-.439 1.438-1 1.927v7.714c0 1.055-.795 1.801-1.571 2.286c-.83.517-1.963.946-3.275 1.291C31.017 43.582 27.426 44 23.5 44s-7.516-.419-10.154-1.114c-1.312-.346-2.446-.775-3.275-1.292c-.776-.485-1.571-1.23-1.571-2.286v-7.713c-.561-.49-1-1.127-1-1.928V26c0-1.144 1.92-2.176 5-2.905v2.06c-1.06.274-1.865.567-2.42.845c.585.292 1.446.602 2.591.888c1.76.44 4.005.78 6.549.962l.816-.816l-.472-2.26a1 1 0 0 1 .246-.885l1.303-1.403a11 11 0 0 1-.263-.983l-.948.76l-1.345 1.882a1 1 0 0 1-.57.389l-2.374.596a1 1 0 1 1-.487-1.94l2.017-.506l1.212-1.696a1 1 0 0 1 .188-.198l1.957-1.57l.037-.028a19 19 0 0 1-.036-1.417a5 5 0 0 1-.368.423C19.098 19.259 17.467 20 15.084 20c-2.277 0-3.79-.495-4.683-1.348c-.934-.89-1.034-2.016-.783-2.81l.195-.619l11.174-1.286l.019-.067q-.077-.044-.147-.102l-1.813-1.511l-2.763-.614a1 1 0 0 1 .433-1.953l3 .667a1 1 0 0 1 .424.208l1.7 1.416q.046-.066.096-.129c.148-.188.336-.38.564-.534V5a1 1 0 0 1 1-1m-1.39 20.35l-.483.521l.477 2.283a1 1 0 0 1-.195.826a63 63 0 0 0 3.589-.012a1 1 0 0 1-.186-.814l.46-2.202l-.812-.68c-.33.375-.817.728-1.46.728c-.599 0-1.061-.305-1.39-.65m13.26-7.322q-.06.087-.152.177c-.354.338-1.248.795-3.303.795c-1.95 0-3.026-.593-3.616-1.198a3 3 0 0 1-.476-.643zm-23.74 0q.058.087.15.177c.355.338 1.25.795 3.304.795c1.95 0 3.026-.593 3.616-1.198c.202-.207.358-.427.476-.643zM19.922 29.9a1 1 0 0 1-.989-.065c-4.046-.301-7.422-.991-9.433-1.897v1.729c0 .012.024.277.712.711c.638.402 1.627.801 2.94 1.151c2.608.696 6.267 1.138 10.348 1.138s7.74-.442 10.349-1.138c1.312-.35 2.301-.749 2.939-1.15c.688-.435.712-.7.712-.712v-1.729c-1.932.87-5.126 1.542-8.965 1.86c-.317.24-.743.266-1.084.08A63 63 0 0 1 23.5 30c-1.23 0-2.428-.035-3.578-.1m17.708-4.363q.003 0-.02.024a.1.1 0 0 1 .02-.024m-28.26 0q.002 0 .02.024q-.023-.024-.02-.024m24.994 7.925c.78-.208 1.5-.444 2.136-.707v6.55c-.007.023-.065.24-.63.591c-.587.367-1.504.733-2.725 1.056c-2.43.64-5.84 1.048-9.645 1.048c-3.806 0-7.216-.408-9.644-1.048c-1.222-.323-2.14-.69-2.727-1.056c-.564-.351-.622-.568-.628-.59v-.002l-.001-6.55c.636.264 1.356.5 2.136.708c2.82.752 6.66 1.205 10.864 1.205c4.203 0 8.044-.453 10.864-1.205M22.5 18c0-1.58.214-2.967.534-3.926c.159-.477.326-.795.466-.975c.139.18.306.498.465.975c.32.959.535 2.347.535 3.926s-.215 2.968-.535 3.926c-.159.477-.326.795-.465.975c-.14-.18-.307-.498-.466-.975c-.32-.958-.534-2.347-.534-3.926m.881 5.024l-.002.002l.007-.004z" clip-rule="evenodd"/></svg>Mosquito Collection Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:mosquito-collection-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:mosquito-collection-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:mosquito-collection-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--mosquito-collection-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:mosquito-collection-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:mosquito-collection-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/mosquito-collection-outline.svg" alt="Mosquito Collection Outline アイコン" width="24" height="24">Health Icons の関連アイコン
Mosquito Collection Outline アイコン のよくある質問
Mosquito Collection Outline アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mosquito Collection Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:mosquito-collection-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mosquito Collection Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/mosquito-collection-outline.svg" alt="Mosquito Collection Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。