Fingernail icon
icon-park:fingernail
The Fingernail icon (icon-park:fingernail) 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
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-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4"/><path d="M38 9.47214L38.343 10.5279H39.4531L38.555 11.1803L38.8981 12.2361L38 11.5836L37.1019 12.2361L37.445 11.1803L36.5469 10.5279H37.657L38 9.47214Z"/><rect width="12" height="24" x="18" y="13" fill="#2F88FF" stroke-linecap="round" stroke-linejoin="round" rx="6"/><path stroke-linecap="round" stroke-linejoin="round" d="M18 25C16 25 13 27.1176 13 31C13 34.8824 13 38.8072 13 40.7842"/><path stroke-linecap="round" stroke-linejoin="round" d="M30 25C32 25 35 27.1176 35 31C35 34.8824 35 38.5229 35 40.5"/></g></svg>How to use the Fingernail icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:fingernail" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:fingernail" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:fingernail" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--fingernail]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:fingernail"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:fingernail"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/fingernail.svg" alt="Fingernail icon" width="24" height="24">Fingernail icon in other icon sets
Fingernail icon FAQ
Is the Fingernail 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 Fingernail icon in React?
Install @iconify/react and render <Icon icon="icon-park:fingernail" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fingernail icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/fingernail.svg" alt="Fingernail icon">, or paste the SVG code inline to style it with CSS.