Mosquitto アイコン
selfhst:mosquitto
Mosquitto アイコン(selfhst:mosquitto)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#f3771c" fill-rule="evenodd" d="m256.1 451.2l7.1-97.5l5.8-79.1c12-5 20.4-16.9 20.4-30.6c0-18.4-14.9-33.2-33.2-33.2c-18.4 0-33.2 14.9-33.2 33.2c0 13.8 8.4 25.6 20.4 30.6l5.8 79.1z"/><path fill="#3c5280" fill-rule="evenodd" d="M28.8 243.7c0 56.3 20.6 108.9 56.2 149.6l-21.5 19.2C23.3 366.8-.1 307.3-.1 243.7c0-71.6 29.5-136.4 76.9-182.9l1.1 1l63.6 57C81.8 173.5 69.4 262.7 111 331.3l22-19.6c-31.7-57.2-19.6-129.6 30.3-173.5l21.7 19.5l19.4 17.4l20.1 18c-7.5 4.7-13.9 11-18.6 18.5c-5.9 9.2-9.2 20.2-9.2 32c0 26.2 17 48.5 40.5 56.5l2 27.6c-39.2-7.9-68.8-42.6-68.8-84.1c0-18.5 5.9-35.6 15.9-49.6l-19.2-17.2l-.1-.1c-31.5 41.9-29.6 100 4.4 139.6l-64.5 57.8c-63.5-72.8-65.3-180.6-4.5-255.4L80.8 99.3c-29.7 36-48.5 81.4-51.4 131l-.1.1l.1.1c-.5 4.5-.6 8.8-.6 13.2M275.1 300c23.5-8 40.5-30.2 40.5-56.5c0-11.8-3.4-22.8-9.3-32c-4.7-7.5-11.1-13.9-18.6-18.5l20.1-18l19.4-17.4l21.8-19.5c49.9 43.9 61.9 116.2 30.2 173.5l22 19.6c41.6-68.6 29.3-157.8-30.5-212.5l63.6-57l1.1-1c47.5 46.5 76.9 111.3 76.9 182.9c0 63.6-23.4 123.1-63.6 168.9l-21.5-19.2c35.6-40.8 56.2-93.4 56.2-149.6c0-4.4-.1-8.8-.4-13l.1-.1l-.1-.1c-2.9-49.6-21.6-95-51.4-131l-21.5 19.2c60.7 74.7 59 182.6-4.5 255.4l-64.5-57.7c33.9-39.6 35.9-97.8 4.4-139.6l-.1.1l-19.5 17.1c10 14 15.9 31.1 15.9 49.6c0 41.5-29.5 76.2-68.8 84.1z"/></svg>Mosquitto アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:mosquitto" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:mosquitto" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:mosquitto" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--mosquitto]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:mosquitto"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:mosquitto"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/mosquitto.svg" alt="Mosquitto アイコン" width="24" height="24">selfh.st/icons の関連アイコン
他のアイコンセットの Mosquitto アイコン
Mosquitto アイコン のよくある質問
Mosquitto アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mosquitto アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:mosquitto" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mosquitto アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/mosquitto.svg" alt="Mosquitto アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。