Windsock Bold icon
glyphs:windsock-bold
The Windsock Bold icon (glyphs:windsock-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- windsockbold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M13 16v48m0-42h6m-6 20h6"/><path fill="currentColor" fill-rule="evenodd" d="M23.03 16.504L19 16v32l4.03-.504A4 4 0 0 1 23 47V17q0-.252.03-.496M31 46.5l8.03-1.004A4 4 0 0 1 39 45V19q0-.252.03-.496L31 17.5zm16-27v25l8.03-1.004A4 4 0 0 1 55 43V21q0-.252.03-.496zm16 2v21l4-.5V22z" clip-rule="evenodd"/><path fill="currentColor" d="m19 16l.248-1.985A2 2 0 0 0 17 16zm4.03.504l1.985.245a2 2 0 0 0-1.736-2.23zM19 48h-2a2 2 0 0 0 2.248 1.985zm4.03-.504l.248 1.985a2 2 0 0 0 1.737-2.23zm16-2l.248 1.985a2 2 0 0 0 1.737-2.23zM31 46.5h-2a2 2 0 0 0 2.248 1.985zm8.03-27.996l1.985.245a2 2 0 0 0-1.736-2.23zM31 17.5l.248-1.985A2 2 0 0 0 29 17.5zm16 2l.248-1.985A2 2 0 0 0 45 19.5zm0 25h-2a2 2 0 0 0 2.248 1.985zm8.03-1.004l.248 1.985a2 2 0 0 0 1.737-2.23zm0-22.992l1.985.245a2 2 0 0 0-1.736-2.23zM63 21.5l.248-1.985A2 2 0 0 0 61 21.5zm0 21h-2a2 2 0 0 0 2.248 1.985zm4-.5l.248 1.985A2 2 0 0 0 69 42zm0-20h2a2 2 0 0 0-1.752-1.985zm-48.248-4.015l4.03.503l.497-3.969l-4.03-.504zM21 48V16h-4v32zm1.782-2.488l-4.03.503l.496 3.97l4.03-.504zm2.233 1.739A2 2 0 0 1 25 47h-4q0 .376.046.742zM25 47V17h-4v30zm0-30q0-.13.015-.25l-3.97-.492Q21 16.624 21 17zm13.782 26.512l-8.03 1.003l.496 3.97l8.03-1.004zm2.233 1.739A2 2 0 0 1 41 45h-4q0 .376.046.742zM41 45V19h-4v26zm0-26q0-.13.015-.25l-3.97-.492Q37 18.624 37 19zm-10.248.485l8.03 1.003l.497-3.969l-8.03-1.004zM29 17.5v29h4v-29zm16 2v25h4v-25zm9.782 22.012l-8.03 1.003l.496 3.97l8.03-1.004zm2.233 1.739A2 2 0 0 1 57 43h-4q0 .376.046.742zM57 43V21h-4v22zm0-22q0-.13.015-.25l-3.97-.492Q53 20.624 53 21zm-10.248.485l8.03 1.003l.497-3.969l-8.03-1.004zM61 21.5v21h4v-21zm5.752 18.515l-4 .5l.496 3.97l4-.5zM65 22v20h4V22zm-2.248 1.485l4 .5l.496-3.97l-4-.5z"/></g></svg>How to use the Windsock Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:windsock-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:windsock-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:windsock-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--windsock-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:windsock-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:windsock-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/windsock-bold.svg" alt="Windsock Bold icon" width="24" height="24">Related icons in Glyphs
Windsock Bold icon FAQ
Is the Windsock Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Windsock Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:windsock-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Windsock Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/windsock-bold.svg" alt="Windsock Bold icon">, or paste the SVG code inline to style it with CSS.