Mosquitto icon

cbi:mosquitto

The Mosquitto icon (cbi:mosquitto) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.985 3.666c-.103 0-.198 0-.318.171c-.703.764-1.398 1.545-2.093 2.274a.33.33 0 0 0 0 .283a7.2 7.2 0 0 1 1.716 2.985a8.2 8.2 0 0 1 .317 2.179a7.8 7.8 0 0 1-.429 3.157c-.146.369-.291.738-.463 1.15l-.858-.858a8.84 8.84 0 0 0 .678-4.161c-.386-1.364-.764-2.762-1.887-3.706l-2.36 2.437a2.87 2.87 0 0 1 1.03 1.938a2.86 2.86 0 0 1-1.115 2.737a.65.65 0 0 0-.421.66v.79a3.28 3.28 0 0 0 2.385-2.377a4.4 4.4 0 0 0-.369-3.646l.721-.737a2.6 2.6 0 0 1 .257.446a7.7 7.7 0 0 1 .601 2.007a5.66 5.66 0 0 1-.584 3.123c-.103.223-.274.403-.394.618a.36.36 0 0 0 0 .265c.343.404.66.721 1.038 1.133s.858.798 1.235 1.209c.172.181.275.095.378-.051a9 9 0 0 0 .66-1.029a13 13 0 0 0 .652-1.776a10.8 10.8 0 0 0 .42-2.951a5.6 5.6 0 0 0-.171-1.459c-.146-.514-.137-1.072-.3-1.57a8.8 8.8 0 0 0-1.013-2.187c-.266-.352-.24-.421.06-.729l.567-.524c.368.687.772 1.304 1.089 2.033a8 8 0 0 1 .566 1.716a13 13 0 0 1 .292 3.337a9.4 9.4 0 0 1-.609 3.183c-.18.446-.343.858-.549 1.313a12 12 0 0 1-.858 1.501c-.18.214-.18.249 0 .429s.352.352.54.523a.19.19 0 0 0 .181 0a1.4 1.4 0 0 0 .274-.309c.352-.635.746-1.261 1.064-1.939a10.7 10.7 0 0 0 .626-1.827a10.5 10.5 0 0 0 .446-2.711a15.7 15.7 0 0 0-.163-2.976a13.4 13.4 0 0 0-2.513-5.825a.6.6 0 0 0-.326-.249m-13.932.051a.4.4 0 0 0-.309.223c-.103.163-.232.301-.335.464a21 21 0 0 0-1.226 2.007a12 12 0 0 0-.712 2.059a10 10 0 0 0-.446 2.616a13 13 0 0 0 .163 3.003a10.8 10.8 0 0 0 .566 2.187c.223.464.334.996.583 1.459a20 20 0 0 0 1.09 1.716c0 .068.18.068.18.068a5 5 0 0 0 .532-.557a.45.45 0 0 0 .085-.369c-.214-.378-.471-.729-.695-1.107a10.4 10.4 0 0 1-1.106-2.805a10.5 10.5 0 0 1-.258-3.26a10.5 10.5 0 0 1 .472-2.857a15.4 15.4 0 0 1 .858-2.127c.172-.352.386-.669.592-1.004c.197.18.369.317.523.472c.309.3.335.437.052.789a7.3 7.3 0 0 0-.918 2.042a8 8 0 0 0-.463 1.921a8.4 8.4 0 0 0 .086 2.891a14 14 0 0 0 .617 2.257a13 13 0 0 0 .858 1.621a1.5 1.5 0 0 0 .232.326a.22.22 0 0 0 .231 0c.446-.42.953-.909 1.304-1.27s.678-.729 1.013-1.115a.38.38 0 0 0 0-.274a3.1 3.1 0 0 1-.721-1.45a5.23 5.23 0 0 1-.189-2.805a6.3 6.3 0 0 1 .858-1.965l.686.729a10 10 0 0 0-.471 1.459a8.6 8.6 0 0 0-.061 1.252a3.7 3.7 0 0 0 .326 1.381a1.3 1.3 0 0 0 .206.455a3.43 3.43 0 0 0 1.853 1.51c.181.043.232 0 .275-.095a2 2 0 0 1-.06-.609a.62.62 0 0 0-.352-.66a2.5 2.5 0 0 1-1.132-2.136a2.77 2.77 0 0 1 .858-2.377a.31.31 0 0 0 0-.274a8 8 0 0 0-.575-.566L8.896 7.603c-.446-.48-.558-.506-.918 0A5.8 5.8 0 0 0 6.854 9.92a11 11 0 0 0-.317 2.016a7 7 0 0 0 .257 1.655c.138.506.275.978.421 1.45l-.858.858c-.232-.626-.489-1.167-.644-1.716a8.6 8.6 0 0 1-.248-1.715a8.7 8.7 0 0 1 .48-3.526a7.6 7.6 0 0 1 1.527-2.505a.3.3 0 0 0 0-.266c-.377-.412-.806-.858-1.141-1.201s-.652-.712-.969-1.081a.38.38 0 0 0-.309-.172m7.077 6.777a1.304 1.304 0 0 0-1.338 1.021a1.6 1.6 0 0 0 .352 1.544a1.3 1.3 0 0 1 .394.507a3.8 3.8 0 0 1 .138.926c.068 1.235.128 2.479.188 3.715a16 16 0 0 1 .052 1.887a.7.7 0 0 0 .146.24l.068-.094c0-.438.086-.858.086-1.321c.069-1.39.12-2.771.197-4.17c0-.394.078-.797.129-1.201a.4.4 0 0 1 .103-.197c.154-.154.317-.3.463-.472a1.98 1.98 0 0 0 .069-1.664a1.42 1.42 0 0 0-1.047-.721"/></svg>

How to use the Mosquitto icon

React

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

<Icon icon="cbi:mosquitto" width="24" />

Vue

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

<template>
  <Icon icon="cbi:mosquitto" width="24" />
</template>

Svelte

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

<Icon icon="cbi:mosquitto" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:mosquitto"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/mosquitto.svg" alt="Mosquitto icon" width="24" height="24">

Mosquitto icon in other icon sets

Mosquitto icon FAQ

Is the Mosquitto icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Mosquitto icon in React?

Install @iconify/react and render <Icon icon="cbi:mosquitto" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Mosquitto icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/mosquitto.svg" alt="Mosquitto icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →