{
 "name": "needle",
 "title": "Needle",
 "component": "NeedleIcon",
 "url": "https://gentleface.com/icons/needle",
 "category": "household",
 "motif": "needle",
 "added": "2026-11-06",
 "since": "0.4.0",
 "history": [
  {
   "date": "2026-11-06",
   "what": [
    "20 px drawn",
    "24 px drawn",
    "added",
    "released in 0.4.0"
   ]
  }
 ],
 "geometry_hash": "cf671eb5d792",
 "use_for": [
  "needle",
  "sewing",
  "sew",
  "sewing needle",
  "tailoring"
 ],
 "alternatives": [
  {
   "icon": "syringe",
   "why": "a medical needle: injection or vaccine",
   "concept": "needle"
  },
  {
   "icon": "yarn",
   "why": "knitting or crochet",
   "concept": "needle"
  }
 ],
 "also_fits": [
  {
   "concept": "yarn",
   "owner": "yarn",
   "why": "sewing"
  }
 ],
 "not_for": [
  {
   "concept": "syringe",
   "owner": "syringe",
   "why": "needle is sewing"
  }
 ],
 "family": [],
 "tags": [
  "needle",
  "sewing",
  "sew",
  "sewing-needle",
  "tailoring",
  "stitch",
  "mending",
  "craft",
  "haberdashery",
  "thread"
 ],
 "size": 16,
 "styles": [
  "line-round",
  "line-soft",
  "line-sharp",
  "solid-round",
  "solid-soft",
  "solid-sharp"
 ],
 "default_style": "line-round",
 "svg": {
  "line-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M7.856 6.41C7.904 6.268 7.952 6.048 8 5.75C8.048 5.452 8.096 5.232 8.144 5.09C8.224 4.855 8.342 4.658 8.5 4.5L11 2C11.204 1.796 11.438 1.641 11.702 1.533C11.958 1.429 12.223 1.377 12.5 1.377C12.777 1.377 13.042 1.429 13.298 1.533C13.562 1.641 13.796 1.796 14 2C14.204 2.204 14.359 2.438 14.467 2.702C14.571 2.957 14.622 3.223 14.622 3.5C14.622 3.777 14.571 4.043 14.467 4.298C14.359 4.562 14.204 4.796 14 5L11.5 7.5C11.342 7.658 11.145 7.776 10.91 7.856C10.768 7.904 10.548 7.952 10.25 8C9.952 8.048 9.732 8.096 9.59 8.144C9.355 8.224 9.158 8.342 9 8.5L6.531 10.969C6.51 10.99 6.488 11.008 6.464 11.025L3.821 12.875C3.72 12.946 3.61 12.976 3.491 12.965C3.371 12.955 3.268 12.906 3.181 12.819C3.094 12.732 3.045 12.629 3.035 12.509C3.024 12.39 3.054 12.28 3.125 12.179L4.975 9.536C4.992 9.512 5.01 9.49 5.031 9.469L7.5 7C7.658 6.842 7.776 6.645 7.856 6.41ZM13.005 3.995C13.136 3.864 13.21 3.686 13.21 3.5C13.21 3.314 13.136 3.136 13.005 3.005L12.995 2.995C12.864 2.864 12.686 2.79 12.5 2.79C12.314 2.79 12.136 2.864 12.005 2.995L9.995 5.005C9.864 5.136 9.79 5.314 9.79 5.5C9.79 5.686 9.864 5.864 9.995 5.995L10.005 6.005C10.278 6.278 10.722 6.278 10.995 6.005L13.005 3.995Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M7.5 7C7.658 6.842 7.776 6.645 7.856 6.41C7.904 6.268 7.952 6.048 8 5.75C8.048 5.452 8.096 5.232 8.144 5.09C8.224 4.855 8.342 4.658 8.5 4.5L11 2C11.204 1.796 11.438 1.641 11.702 1.533C11.958 1.429 12.223 1.377 12.5 1.377C12.777 1.377 13.042 1.429 13.298 1.533C13.562 1.641 13.796 1.796 14 2C14.204 2.204 14.359 2.438 14.467 2.702C14.571 2.957 14.622 3.223 14.622 3.5C14.622 3.777 14.571 4.043 14.467 4.298C14.359 4.562 14.204 4.796 14 5L11.5 7.5C11.342 7.658 11.145 7.776 10.91 7.856C10.768 7.904 10.548 7.952 10.25 8C9.952 8.048 9.732 8.096 9.59 8.144C9.355 8.224 9.158 8.342 9 8.5L6.528 10.972C6.509 10.991 6.489 11.008 6.468 11.023L3.821 12.875C3.72 12.946 3.61 12.976 3.491 12.965C3.371 12.955 3.268 12.906 3.181 12.819C3.094 12.732 3.045 12.629 3.035 12.509C3.024 12.39 3.054 12.28 3.125 12.179L4.977 9.532C4.992 9.511 5.009 9.491 5.028 9.472L7.5 7ZM13.253 3.747C13.389 3.611 13.389 3.389 13.253 3.253L12.747 2.747C12.682 2.682 12.593 2.645 12.5 2.645C12.407 2.645 12.318 2.682 12.253 2.747L9.747 5.253C9.611 5.389 9.611 5.611 9.747 5.747L10.253 6.253C10.389 6.389 10.611 6.389 10.747 6.253L13.253 3.747Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M5 9.5L7.5 7C8.21 6.29 7.79 5.21 8.5 4.5L11 2C11.83 1.17 13.17 1.17 14 2C14.83 2.83 14.83 4.17 14 5L11.5 7.5C10.79 8.21 9.71 7.79 9 8.5L6.5 11L1.5 14.5L5 9.5ZM10.5 6.5L13.5 3.5L12.5 2.5L9.5 5.5L10.5 6.5Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M3.125 12.179L4.975 9.536C4.992 9.512 5.01 9.49 5.031 9.469L7.5 7C7.658 6.842 7.776 6.645 7.856 6.41C7.904 6.268 7.952 6.048 8 5.75C8.048 5.452 8.096 5.232 8.144 5.09C8.224 4.855 8.342 4.658 8.5 4.5L11 2C11.204 1.796 11.438 1.641 11.702 1.533C11.958 1.429 12.223 1.377 12.5 1.377C12.777 1.377 13.042 1.429 13.298 1.533C13.562 1.641 13.796 1.796 14 2C14.204 2.204 14.359 2.438 14.467 2.702C14.571 2.957 14.622 3.223 14.622 3.5C14.622 3.777 14.571 4.043 14.467 4.298C14.359 4.562 14.204 4.796 14 5L11.5 7.5C11.342 7.658 11.145 7.776 10.91 7.856C10.768 7.904 10.548 7.952 10.25 8C9.952 8.048 9.732 8.096 9.59 8.144C9.355 8.224 9.158 8.342 9 8.5L6.531 10.969C6.51 10.99 6.488 11.008 6.464 11.025L3.821 12.875C3.72 12.946 3.61 12.976 3.491 12.965C3.371 12.955 3.268 12.906 3.181 12.819C3.094 12.732 3.045 12.629 3.035 12.509C3.024 12.39 3.054 12.28 3.125 12.179ZM13.005 3.995C13.136 3.864 13.21 3.686 13.21 3.5C13.21 3.314 13.136 3.136 13.005 3.005L12.995 2.995C12.864 2.864 12.686 2.79 12.5 2.79C12.314 2.79 12.136 2.864 12.005 2.995L9.995 5.005C9.864 5.136 9.79 5.314 9.79 5.5C9.79 5.686 9.864 5.864 9.995 5.995L10.005 6.005C10.278 6.278 10.722 6.278 10.995 6.005L13.005 3.995Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M5.028 9.472L7.5 7C7.658 6.842 7.776 6.645 7.856 6.41C7.904 6.268 7.952 6.048 8 5.75C8.048 5.452 8.096 5.232 8.144 5.09C8.224 4.855 8.342 4.658 8.5 4.5L11 2C11.204 1.796 11.438 1.641 11.702 1.533C11.958 1.429 12.223 1.377 12.5 1.377C12.777 1.377 13.042 1.429 13.298 1.533C13.562 1.641 13.796 1.796 14 2C14.204 2.204 14.359 2.438 14.467 2.702C14.571 2.957 14.622 3.223 14.622 3.5C14.622 3.777 14.571 4.043 14.467 4.298C14.359 4.562 14.204 4.796 14 5L11.5 7.5C11.342 7.658 11.145 7.776 10.91 7.856C10.768 7.904 10.548 7.952 10.25 8C9.952 8.048 9.732 8.096 9.59 8.144C9.355 8.224 9.158 8.342 9 8.5L6.528 10.972C6.509 10.991 6.489 11.008 6.468 11.023L3.821 12.875C3.72 12.946 3.61 12.976 3.491 12.965C3.371 12.955 3.268 12.906 3.181 12.819C3.094 12.732 3.045 12.629 3.035 12.509C3.024 12.39 3.054 12.28 3.125 12.179L4.977 9.532C4.992 9.511 5.009 9.491 5.028 9.472ZM13.253 3.747C13.389 3.611 13.389 3.389 13.253 3.253L12.747 2.747C12.682 2.682 12.593 2.645 12.5 2.645C12.407 2.645 12.318 2.682 12.253 2.747L9.747 5.253C9.611 5.389 9.611 5.611 9.747 5.747L10.253 6.253C10.389 6.389 10.611 6.389 10.747 6.253L13.253 3.747Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M5 9.5L7.5 7C8.21 6.29 7.79 5.21 8.5 4.5L11 2C11.83 1.17 13.17 1.17 14 2C14.83 2.83 14.83 4.17 14 5L11.5 7.5C10.79 8.21 9.71 7.79 9 8.5L6.5 11L1.5 14.5L5 9.5ZM10.5 6.5L13.5 3.5L12.5 2.5L9.5 5.5L10.5 6.5Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/needle.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/needle.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/needle.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/needle.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/needle.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/needle.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/needle.png",
   "32": "https://gentleface.com/png/line-round/32/needle.png",
   "48": "https://gentleface.com/png/line-round/48/needle.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/needle.png",
   "32": "https://gentleface.com/png/line-soft/32/needle.png",
   "48": "https://gentleface.com/png/line-soft/48/needle.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/needle.png",
   "32": "https://gentleface.com/png/line-sharp/32/needle.png",
   "48": "https://gentleface.com/png/line-sharp/48/needle.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/needle.png",
   "32": "https://gentleface.com/png/solid-round/32/needle.png",
   "48": "https://gentleface.com/png/solid-round/48/needle.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/needle.png",
   "32": "https://gentleface.com/png/solid-soft/32/needle.png",
   "48": "https://gentleface.com/png/solid-soft/48/needle.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/needle.png",
   "32": "https://gentleface.com/png/solid-sharp/32/needle.png",
   "48": "https://gentleface.com/png/solid-sharp/48/needle.png"
  }
 },
 "npm": {
  "react": "import { NeedleIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/needle.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/needle.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "needle-thread",
  "does": "A thread comes in from the edge and passes through the eye. The needle makes two stitches, diving point first along its length and pulling back, then the thread draws back out of the eye.",
  "url": "https://gentleface.com/motion/needle-thread.svg",
  "style": "line-round",
  "size": 16,
  "duration": 3.2,
  "frames": [
   0.25,
   2.8
  ],
  "svg": "<svg aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.001\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><g><animateTransform attributeName=\"transform\" type=\"translate\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.313;0.375;0.453;0.5;0.563;0.641;1\" values=\"0 0;0 0;-1.15 1.15;0 0;0 0;-1.15 1.15;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .9 .4;.15 .75 .25 1;0 0 1 1;.6 0 .9 .4;.15 .75 .25 1;0 0 1 1\"/><path fill=\"currentColor\" stroke=\"none\" d=\"M7.856 6.41C7.904 6.268 7.952 6.048 8 5.75C8.048 5.452 8.096 5.232 8.144 5.09C8.224 4.855 8.342 4.658 8.5 4.5L11 2C11.204 1.796 11.438 1.641 11.702 1.533C11.958 1.429 12.223 1.377 12.5 1.377C12.777 1.377 13.042 1.429 13.298 1.533C13.562 1.641 13.796 1.796 14 2C14.204 2.204 14.359 2.438 14.467 2.702C14.571 2.957 14.622 3.223 14.622 3.5C14.622 3.777 14.571 4.043 14.467 4.298C14.359 4.562 14.204 4.796 14 5L11.5 7.5C11.342 7.658 11.145 7.776 10.91 7.856C10.768 7.904 10.548 7.952 10.25 8C9.952 8.048 9.732 8.096 9.59 8.144C9.355 8.224 9.158 8.342 9 8.5L6.531 10.969C6.51 10.99 6.488 11.008 6.464 11.025L3.821 12.875C3.72 12.946 3.61 12.976 3.491 12.965C3.371 12.955 3.268 12.906 3.181 12.819C3.094 12.732 3.045 12.629 3.035 12.509C3.024 12.39 3.054 12.28 3.125 12.179L4.975 9.536C4.992 9.512 5.01 9.49 5.031 9.469L7.5 7C7.658 6.842 7.776 6.645 7.856 6.41ZM13.005 3.995C13.136 3.864 13.21 3.686 13.21 3.5C13.21 3.314 13.136 3.136 13.005 3.005L12.995 2.995C12.864 2.864 12.686 2.79 12.5 2.79C12.314 2.79 12.136 2.864 12.005 2.995L9.995 5.005C9.864 5.136 9.79 5.314 9.79 5.5C9.79 5.686 9.864 5.864 9.995 5.995L10.005 6.005C10.278 6.278 10.722 6.278 10.995 6.005L13.005 3.995Z\"></path><path d=\"M17.5 9.5C15 9.5 13.5 6.5 11.5 4.5L9 2\" visibility=\"hidden\" pathLength=\"1\"><animate attributeName=\"stroke-dasharray\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.266;0.719;0.859;1\" values=\"0 2;0 2;1.05 2;1.05 2;0 2;0 2\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/><animate attributeName=\"stroke-dashoffset\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.266;0.719;0.859;1\" values=\"0;0;0;0;0;0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/><animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.859\" values=\"hidden;visible;hidden\"/></path></g></svg>",
  "react": "// Gentleface \"needle\" animated (needle-thread), MIT. https://gentleface.com/icons/needle\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const NeedleThreadIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function NeedleThreadIcon(props, ref) {\n  return (\n    <svg ref={ref} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.001\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\" {...props}>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"translate\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.313;0.375;0.453;0.5;0.563;0.641;1\" values=\"0 0;0 0;-1.15 1.15;0 0;0 0;-1.15 1.15;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .9 .4;.15 .75 .25 1;0 0 1 1;.6 0 .9 .4;.15 .75 .25 1;0 0 1 1\"/>\n      <path fill=\"currentColor\" stroke=\"none\" d=\"M7.856 6.41C7.904 6.268 7.952 6.048 8 5.75C8.048 5.452 8.096 5.232 8.144 5.09C8.224 4.855 8.342 4.658 8.5 4.5L11 2C11.204 1.796 11.438 1.641 11.702 1.533C11.958 1.429 12.223 1.377 12.5 1.377C12.777 1.377 13.042 1.429 13.298 1.533C13.562 1.641 13.796 1.796 14 2C14.204 2.204 14.359 2.438 14.467 2.702C14.571 2.957 14.622 3.223 14.622 3.5C14.622 3.777 14.571 4.043 14.467 4.298C14.359 4.562 14.204 4.796 14 5L11.5 7.5C11.342 7.658 11.145 7.776 10.91 7.856C10.768 7.904 10.548 7.952 10.25 8C9.952 8.048 9.732 8.096 9.59 8.144C9.355 8.224 9.158 8.342 9 8.5L6.531 10.969C6.51 10.99 6.488 11.008 6.464 11.025L3.821 12.875C3.72 12.946 3.61 12.976 3.491 12.965C3.371 12.955 3.268 12.906 3.181 12.819C3.094 12.732 3.045 12.629 3.035 12.509C3.024 12.39 3.054 12.28 3.125 12.179L4.975 9.536C4.992 9.512 5.01 9.49 5.031 9.469L7.5 7C7.658 6.842 7.776 6.645 7.856 6.41ZM13.005 3.995C13.136 3.864 13.21 3.686 13.21 3.5C13.21 3.314 13.136 3.136 13.005 3.005L12.995 2.995C12.864 2.864 12.686 2.79 12.5 2.79C12.314 2.79 12.136 2.864 12.005 2.995L9.995 5.005C9.864 5.136 9.79 5.314 9.79 5.5C9.79 5.686 9.864 5.864 9.995 5.995L10.005 6.005C10.278 6.278 10.722 6.278 10.995 6.005L13.005 3.995Z\">\n      </path>\n      <path d=\"M17.5 9.5C15 9.5 13.5 6.5 11.5 4.5L9 2\" visibility=\"hidden\" pathLength=\"1\">\n      <animate attributeName=\"stroke-dasharray\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.266;0.719;0.859;1\" values=\"0 2;0 2;1.05 2;1.05 2;0 2;0 2\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/>\n      <animate attributeName=\"stroke-dashoffset\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.266;0.719;0.859;1\" values=\"0;0;0;0;0;0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/>\n      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.859\" values=\"hidden;visible;hidden\"/>\n      </path>\n      </g>\n    </svg>\n  );\n});",
  "how_to_play": "https://gentleface.com/animated-icons.md"
 }
}