Fan icon
whh:fan
The Fan icon (whh:fan) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 962 × 1025 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
- 962 × 1025
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="962" height="1025" viewBox="0 0 962 1025"><path fill="currentColor" d="M830 526q62 34 95.5 83t36 101T951 810t-39 90q-33 54-80 86.5t-101.5 37T619 998q-13-7-21.5-20.5t-13-28t-6-39T577 869t.5-50t.5-51q-1-78-13-139q-25 11-51 11q-24 0-47-9q-64 74-106 101q-52 33-104.5 35.5t-94-21t-73-57.5T35 613Q7 560 1.5 506.5t15-100.5T84 329q16-7 31-8t38 7.5t43 19.5t46.5 27.5t50 31.5t51.5 30.5t52 25.5q10-24 29-43q-39-114-39-176q0-53 18-95.5T451.5 79t68-45.5t77-26T674 0q96 0 160 48.5T898 183q0 29-33 59t-75.5 53T688 351.5T594 413q27 22 39 53q136 26 197 60m-316.5-78q-26.5 0-45 19T450 512.5t18.5 45t45 18.5t45.5-18.5t19-45t-19-45.5t-45.5-19"/></svg>
How to use the Fan icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:fan" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:fan" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:fan" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--fan]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:fan"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:fan"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/fan.svg" alt="Fan icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Fan icon in other icon sets
Fan icon FAQ
Is the Fan 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 Fan icon in React?
Install @iconify/react and render <Icon icon="whh:fan" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fan icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/fan.svg" alt="Fan icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
