Pinwheel icon
icon-park:pinwheel
The Pinwheel icon (icon-park:pinwheel) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Energy
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4"><path d="M21 4V21H11L21 4Z"/><path d="M27 44V27H37L27 44Z"/><path d="M27 11L44 21H27V11Z"/><path d="M21 37L4 27H21V37Z"/></g></svg>
How to use the Pinwheel icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:pinwheel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:pinwheel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:pinwheel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--pinwheel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:pinwheel"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:pinwheel"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/pinwheel.svg" alt="Pinwheel icon" width="24" height="24">
Pinwheel icon in other icon sets
Pinwheel icon FAQ
Is the Pinwheel icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Pinwheel icon in React?
Install @iconify/react and render <Icon icon="icon-park:pinwheel" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pinwheel icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/pinwheel.svg" alt="Pinwheel icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
