needle icon

needle-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: needle-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

needle needle-bold needle-duotone needle-fill needle-light

The same icon in other sets

needleMaterial Design Icons needleTabler Icons

Use the needle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M186.83 69.17a4 4 0 0 1 0 5.66l-16 16a4 4 0 0 1-5.66-5.66l16-16a4 4 0 0 1 5.66 0M220 72a35.76 35.76 0 0 1-10.54 25.46l-24 24a4.05 4.05 0 0 1-2.16 1.11c-21.65 3.72-52.74 21.46-89.91 51.33c-28.34 22.77-50.34 44.71-50.56 44.93l-.24.22a4 4 0 0 1-5.42-5.88c.22-.17 22.16-22.17 44.93-50.56c29.9-37.17 47.61-68.26 51.33-89.91a4.05 4.05 0 0 1 1.11-2.16l24-24A36 36 0 0 1 220 72m-8 0a28 28 0 0 0-47.8-19.8l-23.12 23.12c-5.33 28-29.48 63.42-52.51 92.11c28.69-23 64.16-47.18 92.11-52.52L203.8 91.8A27.8 27.8 0 0 0 212 72"/></svg>

React

import type { SVGProps } from "react";

export function PhNeedleThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M186.83 69.17a4 4 0 0 1 0 5.66l-16 16a4 4 0 0 1-5.66-5.66l16-16a4 4 0 0 1 5.66 0M220 72a35.76 35.76 0 0 1-10.54 25.46l-24 24a4.05 4.05 0 0 1-2.16 1.11c-21.65 3.72-52.74 21.46-89.91 51.33c-28.34 22.77-50.34 44.71-50.56 44.93l-.24.22a4 4 0 0 1-5.42-5.88c.22-.17 22.16-22.17 44.93-50.56c29.9-37.17 47.61-68.26 51.33-89.91a4.05 4.05 0 0 1 1.11-2.16l24-24A36 36 0 0 1 220 72m-8 0a28 28 0 0 0-47.8-19.8l-23.12 23.12c-5.33 28-29.48 63.42-52.51 92.11c28.69-23 64.16-47.18 92.11-52.52L203.8 91.8A27.8 27.8 0 0 0 212 72"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M186.83 69.17a4 4 0 0 1 0 5.66l-16 16a4 4 0 0 1-5.66-5.66l16-16a4 4 0 0 1 5.66 0M220 72a35.76 35.76 0 0 1-10.54 25.46l-24 24a4.05 4.05 0 0 1-2.16 1.11c-21.65 3.72-52.74 21.46-89.91 51.33c-28.34 22.77-50.34 44.71-50.56 44.93l-.24.22a4 4 0 0 1-5.42-5.88c.22-.17 22.16-22.17 44.93-50.56c29.9-37.17 47.61-68.26 51.33-89.91a4.05 4.05 0 0 1 1.11-2.16l24-24A36 36 0 0 1 220 72m-8 0a28 28 0 0 0-47.8-19.8l-23.12 23.12c-5.33 28-29.48 63.42-52.51 92.11c28.69-23 64.16-47.18 92.11-52.52L203.8 91.8A27.8 27.8 0 0 0 212 72"/></svg>
</template>

CSS

.icon-needle-thin {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M186.83%2069.17a4%204%200%200%201%200%205.66l-16%2016a4%204%200%200%201-5.66-5.66l16-16a4%204%200%200%201%205.66%200M220%2072a35.76%2035.76%200%200%201-10.54%2025.46l-24%2024a4.05%204.05%200%200%201-2.16%201.11c-21.65%203.72-52.74%2021.46-89.91%2051.33c-28.34%2022.77-50.34%2044.71-50.56%2044.93l-.24.22a4%204%200%200%201-5.42-5.88c.22-.17%2022.16-22.17%2044.93-50.56c29.9-37.17%2047.61-68.26%2051.33-89.91a4.05%204.05%200%200%201%201.11-2.16l24-24A36%2036%200%200%201%20220%2072m-8%200a28%2028%200%200%200-47.8-19.8l-23.12%2023.12c-5.33%2028-29.48%2063.42-52.51%2092.11c28.69-23%2064.16-47.18%2092.11-52.52L203.8%2091.8A27.8%2027.8%200%200%200%20212%2072%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M186.83%2069.17a4%204%200%200%201%200%205.66l-16%2016a4%204%200%200%201-5.66-5.66l16-16a4%204%200%200%201%205.66%200M220%2072a35.76%2035.76%200%200%201-10.54%2025.46l-24%2024a4.05%204.05%200%200%201-2.16%201.11c-21.65%203.72-52.74%2021.46-89.91%2051.33c-28.34%2022.77-50.34%2044.71-50.56%2044.93l-.24.22a4%204%200%200%201-5.42-5.88c.22-.17%2022.16-22.17%2044.93-50.56c29.9-37.17%2047.61-68.26%2051.33-89.91a4.05%204.05%200%200%201%201.11-2.16l24-24A36%2036%200%200%201%20220%2072m-8%200a28%2028%200%200%200-47.8-19.8l-23.12%2023.12c-5.33%2028-29.48%2063.42-52.51%2092.11c28.69-23%2064.16-47.18%2092.11-52.52L203.8%2091.8A27.8%2027.8%200%200%200%20212%2072%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/needle-thin.svg?color=%231a73e8&size=48