Headband Knot icon
game-icons:headband-knot
The Headband Knot icon (game-icons:headband-knot) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- headbandknot
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32.179c-45.506 0-86.897 23.38-117.373 62.168a206 206 0 0 0-11.254 15.832h73.002c2.733-5.315 6.66-10.46 12.793-14.399c3.446-2.213 7.064-3.268 10.709-3.52c6.075-.417 12.223 1.404 17.777 3.852a53.1 53.1 0 0 1 14.975 9.926c9.205-7.041 20.11-9.561 29.404-11.642l4.535-1.016l3.455 3.111c4.806 4.328 8.823 8.925 12.112 13.688h78.492a206 206 0 0 0-11.254-15.832C342.897 55.559 301.506 32.179 256 32.179m-30.688 78.394c-1.284.01-2.15.181-2.42.354c-5.915 3.799-7.655 8.787-10.097 17.154c-2.075 7.106-4.314 16.292-10.58 24.832c2.843 7.173 7.783 15.326 14.086 22.074c7.56 8.096 16.766 13.95 25.14 15.309c1.807.293 3.708.45 5.67.48c-7.474-11.107-9.888-24.559-9.634-36.656c.281-13.463 3.083-25.41 7.572-34.22c-2.828-2.784-6.734-5.588-10.656-7.317c-2.909-1.282-5.604-1.81-7.663-1.96c-.514-.039-.99-.053-1.417-.05zm59.858 2.55c-9.444 2.297-16.878 4.945-21.998 11.5c-2.201 3.026-7.422 16.636-7.7 29.874c-.265 12.682 2.9 24.753 12.24 32.479c1.843-.69 3.66-1.46 5.429-2.325c10.331-5.046 18.845-12.887 22.683-21.232c7.277-15.822 6.017-33.366-10.654-50.297zm-178.926 15.056c-9.029 11.163-14.688 31.627-16.52 46h103.104l.03-.098c-4.29-6.65-7.555-13.612-9.508-20.418l-1.424-4.959l3.558-3.734c4.444-4.664 6.53-10.221 8.514-16.791zm208.715 0c4.511 14.611 3.244 29.655-2.783 42.76c-.249.54-.52 1.067-.787 1.597c.202.548.397 1.095.601 1.643h110.285c-1.831-14.373-7.49-34.837-16.52-46zm-16.416 60.937c-5.188 4.691-11.161 8.612-17.502 11.71c-6.143 3-12.668 5.25-19.303 6.589c27.442 95.565 85.556 206.976 133.551 268.828c5.128-11.45 11.311-23.781 20.47-33.836c8.668-9.514 20.858-16.275 35.714-17.263c-60.1-74.013-119.94-152.686-152.93-236.028m-92.248 1.358C175.222 280.693 111.57 368.625 51.55 449.003c14.89-1.23 28.072 1.314 39.115 6.906c11.172 5.658 19.954 14.136 26.707 23.912c45.553-87.993 101.59-175.243 125.314-271.258a58 58 0 0 1-4.128-.501c-12.458-2.022-23.344-8.932-32.264-17.588zm-111.752 1.705c-3.608 17.544-5.543 35.976-5.543 55c0 34.046 6.184 66.201 17.105 94.742c32.908-49.097 62.087-99.504 80.573-149.742zm224.639 0c21.27 49.982 52.653 99.024 87.836 146.736C417.236 311.129 423 280.036 423 247.179c0-19.024-1.935-37.456-5.543-55zm-66.416 47.697c-20.539 66.554-54.291 128.19-87.139 188.06c26.177 21.789 57.177 34.243 90.373 34.243c31.565 0 61.147-11.259 86.482-31.096c-34.201-55.569-67.763-125.04-89.716-191.207"/></svg>How to use the Headband Knot icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:headband-knot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:headband-knot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:headband-knot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--headband-knot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:headband-knot"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:headband-knot"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/headband-knot.svg" alt="Headband Knot icon" width="24" height="24">Headband Knot icon FAQ
Is the Headband Knot icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Headband Knot icon in React?
Install @iconify/react and render <Icon icon="game-icons:headband-knot" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Headband Knot icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/headband-knot.svg" alt="Headband Knot icon">, or paste the SVG code inline to style it with CSS.