Windmill One icon
icon-park-outline:windmill-one
The Windmill One icon (icon-park-outline:windmill-one) is a free SVG icon from the IconPark Outline set by ByteDance. It is drawn on a 48 × 48 grid. IconPark Outline 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 Outline
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Build
- Tags
- windmillone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M34.518 13.846L34 11l-6.87-3.435a7 7 0 0 0-6.26 0L17.38 9.31m18.31 10.996L37 27.5L39.09 39M36 44H8l.956-5.258m1.68-9.242l2.936-16.145"/><path stroke-linejoin="round" d="M39.293 8.707a1 1 0 0 1 1.414 0l2.586 2.586a1 1 0 0 1 0 1.414l-8.586 8.586a1 1 0 0 1-1.414 0l-2.586-2.586a1 1 0 0 1 0-1.414z"/><path stroke-linecap="round" stroke-linejoin="round" d="m27 21l4-4"/><path stroke-linejoin="round" d="M39.293 39.293a1 1 0 0 1 0 1.414l-2.586 2.586a1 1 0 0 1-1.414 0l-8.586-8.586a1 1 0 0 1 0-1.414l2.586-2.586a1 1 0 0 1 1.414 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="m27 27l4 4"/><path stroke-linejoin="round" d="M8.707 39.293a1 1 0 0 1-1.414 0l-2.586-2.586a1 1 0 0 1 0-1.414l8.586-8.586a1 1 0 0 1 1.414 0l2.586 2.586a1 1 0 0 1 0 1.414z"/><path stroke-linecap="round" stroke-linejoin="round" d="m21 27l-4 4"/><path stroke-linejoin="round" d="M8.707 8.707a1 1 0 0 1 0-1.414l2.586-2.586a1 1 0 0 1 1.414 0l8.586 8.586a1 1 0 0 1 0 1.414l-2.586 2.586a1 1 0 0 1-1.414 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="m21 21l-4-4"/><circle cx="24" cy="24" r="4"/></g></svg>How to use the Windmill One icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-outline:windmill-one" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-outline:windmill-one" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-outline:windmill-one" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--windmill-one]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:windmill-one"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-outline:windmill-one"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park-outline/windmill-one.svg" alt="Windmill One icon" width="24" height="24">Related icons in IconPark Outline
Windmill One icon in other icon sets
Windmill One icon FAQ
Is the Windmill One icon free for commercial use?
Yes. IconPark Outline icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Windmill One icon in React?
Install @iconify/react and render <Icon icon="icon-park-outline:windmill-one" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Windmill One icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park-outline/windmill-one.svg" alt="Windmill One icon">, or paste the SVG code inline to style it with CSS.