Hair Strands icon

game-icons:hair-strands

The Hair Strands icon (game-icons:hair-strands) 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: hairstrands, strand

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M87.367 202.125c-3.915 37.715-7.82 75.606-11.521 111.53l55.562-49.268l66.319-241.5c-76.892 6.031-102.04 130.038-110.36 179.238m-11.521 111.53l-.002.001l.002.002v-.004zM52.859 27.584l-17.224 5.23c9.194 30.297 25.192 58.884 52.695 79.046a263 263 0 0 1 6.412-17.584c-21.44-17.13-33.906-40.405-41.882-66.69zm-7.127 75.772l-13.796 11.561c14.94 18.495 24.928 35.097 44.25 46.103a530 530 0 0 1 3.845-18.673c-14.49-10.271-24.582-27.282-34.299-38.99zm290.213 4.188l-68.357 60.771c-26.015-13.266-54.933-31.442-78.611-39.818c-2.098 5.647-3.75 11.415-5.34 17.217c22.013 9.264 45.08 21.523 65.187 32.701c27.544 14.787 54.625 29.625 77.19 47.18c7.266 4.904 14.51 9.934 21.648 15.1c35.633 25.784 68.641 54.61 88.94 82.593s27.563 53.353 16.193 76.297l16.127 7.992c15.139-30.55 4.507-64.173-17.75-94.857c-22.258-30.684-56.466-60.201-92.957-86.608c-12.866-9.31-26.015-18.206-39.026-26.592c24.738-36.767 29.987-70.986 16.756-91.976m-160.379 67.592l-4.783 17.44c37.4 16.243 77.063 36.291 110.488 58.843a427 427 0 0 1 12.41 8.828c22.704 16.796 42.978 35.574 56.028 54.668s18.797 37.844 14.566 56.443c-5.483 24.106-2.258 42.453 7.215 54.926c9.473 12.474 23.891 18.022 37.705 20.309c11.487 1.901 40.355 4.95 55.268 38.617l16.459-7.29c-18.432-41.61-58.681-47.412-68.785-49.085c-11.165-1.848-20.666-6.003-26.313-13.438c-5.646-7.434-8.74-19.2-3.998-40.046c5.61-24.664-2.441-48.916-17.256-70.592c-14.814-21.677-36.47-41.44-60.183-58.983a462 462 0 0 0-14.92-10.568a273 273 0 0 0 7.691-8.043c-17.57-11.549-37.503-22.425-58.076-33.508l-7.803 6.938c-22.342-11.667-42.245-20.393-55.713-25.46zm27.055 50.937c-43.146 38.429-86.357 76.775-129.59 115.104c-.009.079-.017.086-.025.166l-5.613 4.97l-19.817-21.785l-.047.076c-7.457-8.261-18.015-13.087-29.529-14.79v18.93c8.223 1.713 14.326 5.657 17.912 11.376c4.663 7.434 4.814 17.46-.139 28.817c-1.649 3.78-3.892 7.624-6.644 11.406L18 390.24v25.809c2.232-1.465 4.387-3 6.46-4.58l204.876-128.873c11.75-7.407 22.54-15.07 32.432-22.88c-18.765-13.269-39.824-21.604-59.147-33.642zm72.631 75.604l-14.662 10.44c7.338 10.305 17.222 19.578 22.33 28.917s6.88 16.934-1.982 30.041c-7.176 10.613-17.888 28.665-16.06 48.694c.916 10.014 5.656 20.429 15.17 28.363c9.516 7.934 23.27 13.576 42.55 16.762l2.935-17.76c-17.226-2.846-27.852-7.735-33.957-12.826s-8.225-10.193-8.771-16.176c-1.093-11.966 6.864-27.834 13.045-36.975c12.011-17.765 9.987-35.73 2.86-48.76c-7.125-13.029-17.913-22.932-23.458-30.72m-41.633 30.261l-17.986.715c-.624 27.725 2.833 76.063-18.865 97.305l9.363 15.373c27.446-21.357 28.366-85.096 27.488-113.393m-114.068 44.145c-16.48 3.924-37.906 21.363-53.322 31.055l-3.047 29.691c-.6 3.072-1.09 6.216-1.428 9.414c-1.839 17.462.575 34.01 6.504 47.756h21.021a51 51 0 0 1-1.775-3.031c-5.458-10.155-8.51-24.25-7.45-39.594l8.95-32.578c2.167-4.138 4.622-7.854 7.283-11.006c18.213-18.833 36.386-16.595 48.28 4.865c5.83 10.856 8.934 26.161 7.187 42.735c-1.638 15.541-7.198 29.165-14.47 38.609h22.12c5.682-10.64 9.51-23.121 10.936-36.658c2.104-19.989-1.36-38.78-9.293-53.54c-11.54-15.582-24.714-27.804-41.496-27.718"/></svg>

How to use the Hair Strands icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:hair-strands" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:hair-strands" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:hair-strands" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--hair-strands]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:hair-strands"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:hair-strands"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/hair-strands.svg" alt="Hair Strands icon" width="24" height="24">

Hair Strands icon FAQ

Is the Hair Strands 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 Hair Strands icon in React?

Install @iconify/react and render <Icon icon="game-icons:hair-strands" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hair Strands icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/hair-strands.svg" alt="Hair Strands icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →