Mushroomcloud icon
whh:mushroomcloud
The Mushroomcloud icon (whh:mushroomcloud) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M928 384q-18 0-36-7q-8 31-33.5 51T800 448q-28 0-53-17q-36 13-84 16q-36 36-57 72q72 10 117 34.5t45 54.5q0 32-51 57.5T586 700q27 133 130 207q138 15 223 46.5t85 70.5H0q0-39 85-70.5T308 907q103-75 130-207q-80-9-131-34.5T256 608q0-30 45-54.5T418 519q-21-36-57-72q-1 0-4 .5t-5 .5q-37 0-73-18q-26 18-55 18q-33 0-58.5-20T132 377q-18 7-36 7q-40 0-68-28T0 288q0-31 18-55.5T65 198q0-1-.5-3t-.5-3q0-53 37.5-90.5T192 64q8 0 17 1q17-29 46.5-47T320 0q57 0 96 44q39-44 96-44q50 0 87 35q29-35 73-35q31 0 55.5 18T762 65q1 0 3-.5t3-.5q58 0 102 36.5t55 91.5h3q40 0 68 28t28 68t-28 68t-68 28M444 578q-55 4-89.5 12T320 608t35 18.5t91 11.5q2-29 2-30q0-12-4-30m134 60q56-3 91-11.5t35-18.5t-34.5-18t-89.5-12q-4 18-4 30q0 1 2 30"/></svg>How to use the Mushroomcloud icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:mushroomcloud" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:mushroomcloud" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:mushroomcloud" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--mushroomcloud]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:mushroomcloud"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:mushroomcloud"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/mushroomcloud.svg" alt="Mushroomcloud icon" width="24" height="24">Mushroomcloud icon FAQ
Is the Mushroomcloud icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Mushroomcloud icon in React?
Install @iconify/react and render <Icon icon="whh:mushroomcloud" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mushroomcloud icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/mushroomcloud.svg" alt="Mushroomcloud icon">, or paste the SVG code inline to style it with CSS.