Hair Clip icon
icon-park:hair-clip
The Hair Clip icon (icon-park:hair-clip) 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
- Makeups
- Tags
- hairclip
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M38.8476 5.33887C31.884 6.56675 24.2643 12.2184 21.3141 19.9188C18.0892 28.336 17.2166 29.2574 13.284 31.3869C9.50172 33.435 4.59961 35.0723 4.59961 35.0723"/><path d="M9.6377 33.1069C13.8571 30.5679 19.3456 33.1902 21.803 34.9109C24.2605 36.6317 26.7592 36.5501 28.1931 34.5022C29.627 32.4543 28.8491 30.0785 26.3917 28.3577C24.7533 27.2106 19.2649 24.5883 21.3136 19.9189"/><path d="M43.189 9.59952C32.8663 12.1377 28.7696 15.3731 24.7537 27.2104"/><path d="M20.9841 34.3374C20.2056 36.0304 18.6895 40.0553 18.853 42.6114"/></g></svg>
How to use the Hair Clip icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:hair-clip" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:hair-clip" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:hair-clip" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--hair-clip]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:hair-clip"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:hair-clip"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/hair-clip.svg" alt="Hair Clip icon" width="24" height="24">
Related icons in IconPark
Hair Clip icon in other icon sets
Hair Clip icon FAQ
Is the Hair Clip 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 Hair Clip icon in React?
Install @iconify/react and render <Icon icon="icon-park:hair-clip" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hair Clip icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/hair-clip.svg" alt="Hair Clip icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
