{
 "name": "yarn",
 "title": "Yarn",
 "component": "YarnIcon",
 "url": "https://gentleface.com/icons/yarn",
 "category": "household",
 "motif": "yarn",
 "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": "bfc1261a899e",
 "use_for": [
  "yarn",
  "knitting",
  "crochet",
  "knit",
  "wool"
 ],
 "alternatives": [
  {
   "icon": "needle",
   "why": "sewing",
   "concept": "yarn"
  }
 ],
 "also_fits": [
  {
   "concept": "needle",
   "owner": "needle",
   "why": "knitting or crochet"
  }
 ],
 "family": [],
 "tags": [
  "yarn",
  "knitting",
  "crochet",
  "knit",
  "wool",
  "ball-of-yarn",
  "craft",
  "hobby",
  "handmade",
  "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=\"M14.856 13.144C14.952 13.241 15 13.359 15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14L7.5 14C6.673 14 5.876 13.848 5.107 13.544C4.273 13.213 3.538 12.731 2.904 12.096C2.269 11.462 1.787 10.727 1.456 9.893C1.152 9.124 1 8.327 1 7.5C1 6.673 1.152 5.876 1.456 5.107C1.787 4.273 2.269 3.538 2.904 2.904C3.538 2.269 4.273 1.787 5.107 1.456C5.876 1.152 6.673 1 7.5 1C8.327 1 9.124 1.152 9.893 1.456C10.727 1.787 11.462 2.269 12.096 2.904C12.731 3.538 13.213 4.273 13.544 5.107C13.848 5.876 14 6.673 14 7.5C14 8.327 13.848 9.124 13.544 9.893C13.213 10.727 12.731 11.462 12.096 12.096C11.75 12.443 11.373 12.744 10.967 13L14.5 13C14.641 13 14.759 13.048 14.856 13.144ZM3.611 3.611C3.074 4.148 2.666 4.769 2.386 5.475C2.17 6.02 2.045 6.582 2.01 7.162C3.156 6.663 4.176 5.966 5.071 5.071C5.966 4.176 6.663 3.156 7.162 2.01C6.582 2.045 6.02 2.17 5.475 2.386C4.769 2.666 4.148 3.074 3.611 3.611ZM2.67 10.132C3.441 9.836 4.179 9.468 4.882 9.029C5.722 8.505 6.492 7.893 7.192 7.192C7.893 6.492 8.505 5.722 9.029 4.882C9.468 4.179 9.836 3.441 10.132 2.67C9.937 2.564 9.735 2.469 9.525 2.386C9.103 2.219 8.671 2.106 8.229 2.048C7.673 3.456 6.856 4.7 5.778 5.778C4.7 6.856 3.456 7.673 2.048 8.229C2.106 8.671 2.219 9.103 2.386 9.525C2.469 9.735 2.564 9.937 2.67 10.132ZM7.9 7.9C7.146 8.653 6.316 9.313 5.412 9.877C4.719 10.309 3.996 10.678 3.242 10.982C3.357 11.123 3.48 11.258 3.611 11.389C4.021 11.799 4.48 12.134 4.988 12.393C6.601 11.611 8.043 10.585 9.314 9.314C10.585 8.043 11.611 6.601 12.393 4.988C12.134 4.48 11.799 4.021 11.389 3.611C11.258 3.48 11.123 3.357 10.982 3.242C10.678 3.996 10.309 4.719 9.877 5.412C9.313 6.316 8.653 7.146 7.9 7.9ZM9.525 12.614C10.231 12.334 10.852 11.926 11.389 11.389C11.926 10.852 12.334 10.231 12.614 9.525C12.871 8.874 13 8.199 13 7.5C13 7.078 12.953 6.664 12.859 6.26C12.094 7.64 11.148 8.894 10.021 10.021C8.894 11.148 7.64 12.094 6.26 12.859C6.664 12.953 7.078 13 7.5 13C8.199 13 8.874 12.871 9.525 12.614Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M14.856 13.144C14.952 13.241 15 13.359 15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14L7.5 14C6.673 14 5.876 13.848 5.107 13.544C4.273 13.213 3.538 12.731 2.904 12.096C2.269 11.462 1.787 10.727 1.456 9.893C1.152 9.124 1 8.327 1 7.5C1 6.673 1.152 5.876 1.456 5.107C1.787 4.273 2.269 3.538 2.904 2.904C3.538 2.269 4.273 1.787 5.107 1.456C5.876 1.152 6.673 1 7.5 1C8.327 1 9.124 1.152 9.893 1.456C10.727 1.787 11.462 2.269 12.096 2.904C12.731 3.538 13.213 4.273 13.544 5.107C13.848 5.876 14 6.673 14 7.5C14 8.327 13.848 9.124 13.544 9.893C13.213 10.727 12.731 11.462 12.096 12.096C11.75 12.443 11.373 12.744 10.967 13L14.5 13C14.641 13 14.759 13.048 14.856 13.144ZM3.611 3.611C3.074 4.148 2.666 4.769 2.386 5.475C2.17 6.02 2.045 6.582 2.01 7.162C3.156 6.663 4.176 5.966 5.071 5.071C5.966 4.176 6.663 3.156 7.162 2.01C6.582 2.045 6.02 2.17 5.475 2.386C4.769 2.666 4.148 3.074 3.611 3.611ZM2.67 10.132C3.441 9.836 4.179 9.468 4.882 9.029C5.722 8.505 6.492 7.893 7.192 7.192C7.893 6.492 8.505 5.722 9.029 4.882C9.468 4.179 9.836 3.441 10.132 2.67C9.937 2.564 9.735 2.469 9.525 2.386C9.103 2.219 8.671 2.106 8.229 2.048C7.673 3.456 6.856 4.7 5.778 5.778C4.7 6.856 3.456 7.673 2.048 8.229C2.106 8.671 2.219 9.103 2.386 9.525C2.469 9.735 2.564 9.937 2.67 10.132ZM7.9 7.9C7.146 8.653 6.316 9.313 5.412 9.877C4.719 10.309 3.996 10.678 3.242 10.982C3.357 11.123 3.48 11.258 3.611 11.389C4.021 11.799 4.48 12.134 4.988 12.393C6.601 11.611 8.043 10.585 9.314 9.314C10.585 8.043 11.611 6.601 12.393 4.988C12.134 4.48 11.799 4.021 11.389 3.611C11.258 3.48 11.123 3.357 10.982 3.242C10.678 3.996 10.309 4.719 9.877 5.412C9.313 6.316 8.653 7.146 7.9 7.9ZM9.525 12.614C10.231 12.334 10.852 11.926 11.389 11.389C11.926 10.852 12.334 10.231 12.614 9.525C12.871 8.874 13 8.199 13 7.5C13 7.078 12.953 6.664 12.859 6.26C12.094 7.64 11.148 8.894 10.021 10.021C8.894 11.148 7.64 12.094 6.26 12.859C6.664 12.953 7.078 13 7.5 13C8.199 13 8.874 12.871 9.525 12.614Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15 13L15 14L7.5 14C6.673 14 5.876 13.848 5.107 13.544C4.273 13.213 3.538 12.731 2.904 12.096C2.269 11.462 1.787 10.727 1.456 9.893C1.152 9.124 1 8.327 1 7.5C1 6.673 1.152 5.876 1.456 5.107C1.787 4.273 2.269 3.538 2.904 2.904C3.538 2.269 4.273 1.787 5.107 1.456C5.876 1.152 6.673 1 7.5 1C8.327 1 9.124 1.152 9.893 1.456C10.727 1.787 11.462 2.269 12.096 2.904C12.731 3.538 13.213 4.273 13.544 5.107C13.848 5.876 14 6.673 14 7.5C14 8.327 13.848 9.124 13.544 9.893C13.213 10.727 12.731 11.462 12.096 12.096C11.75 12.443 11.373 12.744 10.967 13L15 13ZM5.475 2.386C4.769 2.666 4.148 3.074 3.611 3.611C3.074 4.148 2.666 4.769 2.386 5.475C2.17 6.02 2.045 6.582 2.01 7.162C3.156 6.663 4.176 5.966 5.071 5.071C5.966 4.176 6.663 3.156 7.162 2.01C6.582 2.045 6.02 2.17 5.475 2.386ZM2.386 9.525C2.469 9.735 2.564 9.937 2.67 10.132C3.441 9.836 4.179 9.468 4.882 9.029C5.722 8.505 6.492 7.893 7.192 7.192C7.893 6.492 8.505 5.722 9.029 4.882C9.468 4.179 9.836 3.441 10.132 2.67C9.937 2.564 9.735 2.469 9.525 2.386C9.103 2.219 8.671 2.106 8.229 2.048C7.673 3.456 6.857 4.7 5.778 5.778C4.7 6.856 3.456 7.673 2.048 8.229C2.106 8.671 2.219 9.103 2.386 9.525ZM9.877 5.412C9.313 6.316 8.653 7.146 7.9 7.9C7.146 8.653 6.316 9.313 5.412 9.877C4.719 10.309 3.996 10.678 3.242 10.982C3.357 11.123 3.48 11.258 3.611 11.389C4.021 11.799 4.48 12.134 4.988 12.393C6.601 11.611 8.043 10.585 9.314 9.314C10.585 8.043 11.611 6.601 12.393 4.988C12.134 4.48 11.799 4.021 11.389 3.611C11.258 3.48 11.123 3.357 10.982 3.242C10.678 3.996 10.309 4.719 9.877 5.412ZM7.5 13C8.199 13 8.874 12.871 9.525 12.614C10.231 12.334 10.852 11.926 11.389 11.389C11.926 10.852 12.334 10.231 12.614 9.525C12.871 8.874 13 8.199 13 7.5C13 7.078 12.953 6.664 12.859 6.26C12.094 7.64 11.148 8.894 10.021 10.021C8.894 11.148 7.64 12.094 6.26 12.859C6.664 12.953 7.078 13 7.5 13Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1 7.5C1 7.282 1.011 7.066 1.032 6.851C1.091 6.254 1.232 5.673 1.456 5.107C1.787 4.273 2.269 3.538 2.904 2.904C3.538 2.269 4.273 1.787 5.107 1.456C5.876 1.152 6.673 1 7.5 1C7.515 1 7.531 1 7.546 1L7.424 1.346C6.92 2.765 6.136 4.006 5.071 5.071C4.006 6.136 2.765 6.92 1.346 7.424L1 7.546C1 7.531 1 7.515 1 7.5ZM8.366 1.68L8.576 1.089C9.024 1.164 9.463 1.286 9.893 1.456C10.091 1.535 10.284 1.622 10.472 1.718L10.272 2.288C9.954 3.199 9.54 4.064 9.029 4.882C8.505 5.722 7.893 6.492 7.192 7.192C6.492 7.893 5.722 8.505 4.882 9.029C4.064 9.54 3.199 9.954 2.288 10.272L1.718 10.472C1.622 10.284 1.535 10.091 1.456 9.893C1.286 9.463 1.164 9.024 1.089 8.576L1.68 8.366C3.241 7.812 4.607 6.949 5.778 5.778C6.949 4.607 7.812 3.241 8.366 1.68ZM11.217 2.618L11.343 2.256C11.608 2.451 11.859 2.667 12.096 2.904C12.402 3.21 12.673 3.539 12.908 3.891L12.495 4.774C11.701 6.474 10.64 7.987 9.314 9.314C7.987 10.64 6.474 11.701 4.774 12.495L3.891 12.908C3.539 12.673 3.21 12.402 2.904 12.096C2.667 11.859 2.451 11.608 2.256 11.343L2.618 11.217C3.599 10.874 4.53 10.427 5.412 9.877C6.316 9.313 7.146 8.653 7.9 7.9C8.653 7.146 9.313 6.316 9.877 5.412C10.427 4.53 10.874 3.599 11.217 2.618ZM13.401 5.198L13.497 4.993C13.513 5.031 13.528 5.069 13.544 5.107C13.848 5.876 14 6.673 14 7.5C14 8.327 13.848 9.124 13.544 9.893C13.213 10.727 12.731 11.462 12.096 12.096C11.75 12.443 11.373 12.744 10.967 13L14.5 13C14.641 13 14.759 13.048 14.856 13.144C14.952 13.241 15 13.359 15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14L7.5 14C6.673 14 5.876 13.848 5.107 13.544C5.069 13.528 5.031 13.513 4.993 13.497L5.198 13.401C7.004 12.557 8.611 11.43 10.021 10.021C11.43 8.611 12.557 7.004 13.401 5.198Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1 7.5C1 7.282 1.011 7.066 1.032 6.851C1.091 6.254 1.232 5.673 1.456 5.107C1.787 4.273 2.269 3.538 2.904 2.904C3.538 2.269 4.273 1.787 5.107 1.456C5.876 1.152 6.673 1 7.5 1C7.515 1 7.531 1 7.546 1L7.424 1.346C6.92 2.765 6.136 4.006 5.071 5.071C4.006 6.136 2.765 6.92 1.346 7.424L1 7.546C1 7.531 1 7.515 1 7.5ZM8.366 1.68L8.576 1.089C9.024 1.164 9.463 1.286 9.893 1.456C10.091 1.535 10.284 1.622 10.472 1.718L10.272 2.288C9.954 3.199 9.54 4.064 9.029 4.882C8.505 5.722 7.893 6.492 7.192 7.192C6.492 7.893 5.722 8.505 4.882 9.029C4.064 9.54 3.199 9.954 2.288 10.272L1.718 10.472C1.622 10.284 1.535 10.091 1.456 9.893C1.286 9.463 1.164 9.024 1.089 8.576L1.68 8.366C3.241 7.812 4.607 6.949 5.778 5.778C6.949 4.607 7.812 3.241 8.366 1.68ZM11.217 2.618L11.343 2.256C11.608 2.451 11.859 2.667 12.096 2.904C12.402 3.21 12.673 3.539 12.908 3.891L12.495 4.774C11.701 6.474 10.64 7.987 9.314 9.314C7.987 10.64 6.474 11.701 4.774 12.495L3.891 12.908C3.539 12.673 3.21 12.402 2.904 12.096C2.667 11.859 2.451 11.608 2.256 11.343L2.618 11.217C3.599 10.874 4.53 10.427 5.412 9.877C6.316 9.313 7.146 8.653 7.9 7.9C8.653 7.146 9.313 6.316 9.877 5.412C10.427 4.53 10.874 3.599 11.217 2.618ZM13.401 5.198L13.497 4.993C13.513 5.031 13.528 5.069 13.544 5.107C13.848 5.876 14 6.673 14 7.5C14 8.327 13.848 9.124 13.544 9.893C13.213 10.727 12.731 11.462 12.096 12.096C11.75 12.443 11.373 12.744 10.967 13L14.5 13C14.641 13 14.759 13.048 14.856 13.144C14.952 13.241 15 13.359 15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14L7.5 14C6.673 14 5.876 13.848 5.107 13.544C5.069 13.528 5.031 13.513 4.993 13.497L5.198 13.401C7.004 12.557 8.611 11.43 10.021 10.021C11.43 8.611 12.557 7.004 13.401 5.198Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15 13L15 14L7.5 14C6.673 14 5.876 13.848 5.107 13.544C5.069 13.528 5.031 13.513 4.993 13.497L5.198 13.401C7.004 12.557 8.611 11.43 10.021 10.021C11.43 8.611 12.557 7.004 13.401 5.198L13.497 4.993C13.513 5.031 13.528 5.069 13.544 5.107C13.848 5.876 14 6.673 14 7.5C14 8.327 13.848 9.124 13.544 9.893C13.213 10.727 12.731 11.462 12.096 12.096C11.75 12.443 11.373 12.744 10.967 13L15 13ZM1 7.5C1 7.282 1.011 7.066 1.032 6.851C1.091 6.254 1.232 5.673 1.456 5.107C1.787 4.273 2.269 3.538 2.904 2.904C3.538 2.269 4.273 1.787 5.107 1.456C5.876 1.152 6.673 1 7.5 1C7.515 1 7.531 1 7.546 1L7.424 1.346C6.92 2.765 6.136 4.006 5.071 5.071C4.006 6.136 2.765 6.92 1.346 7.424L1 7.546C1 7.531 1 7.515 1 7.5ZM8.576 1.089C9.024 1.164 9.463 1.286 9.893 1.456C10.091 1.535 10.284 1.622 10.472 1.718L10.272 2.288C9.954 3.199 9.54 4.064 9.029 4.882C8.505 5.722 7.893 6.492 7.192 7.192C6.492 7.893 5.722 8.505 4.882 9.029C4.064 9.54 3.199 9.954 2.288 10.272L1.718 10.472C1.622 10.284 1.535 10.091 1.456 9.893C1.286 9.463 1.164 9.024 1.089 8.576L1.68 8.366C3.241 7.812 4.607 6.949 5.778 5.778C6.949 4.607 7.812 3.241 8.366 1.68L8.576 1.089ZM11.343 2.256C11.608 2.451 11.859 2.667 12.096 2.904C12.402 3.21 12.673 3.539 12.908 3.891L12.495 4.774C11.701 6.474 10.64 7.987 9.314 9.314C7.987 10.64 6.474 11.701 4.774 12.495L3.891 12.908C3.539 12.673 3.21 12.402 2.904 12.096C2.667 11.859 2.451 11.608 2.256 11.343L2.618 11.217C3.599 10.874 4.53 10.427 5.412 9.877C6.316 9.313 7.146 8.653 7.9 7.9C8.653 7.146 9.313 6.316 9.877 5.412C10.427 4.53 10.874 3.599 11.217 2.618L11.343 2.256Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/yarn.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/yarn.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/yarn.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/yarn.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/yarn.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/yarn.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/yarn.png",
   "32": "https://gentleface.com/png/line-round/32/yarn.png",
   "48": "https://gentleface.com/png/line-round/48/yarn.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/yarn.png",
   "32": "https://gentleface.com/png/line-soft/32/yarn.png",
   "48": "https://gentleface.com/png/line-soft/48/yarn.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/yarn.png",
   "32": "https://gentleface.com/png/line-sharp/32/yarn.png",
   "48": "https://gentleface.com/png/line-sharp/48/yarn.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/yarn.png",
   "32": "https://gentleface.com/png/solid-round/32/yarn.png",
   "48": "https://gentleface.com/png/solid-round/48/yarn.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/yarn.png",
   "32": "https://gentleface.com/png/solid-soft/32/yarn.png",
   "48": "https://gentleface.com/png/solid-soft/48/yarn.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/yarn.png",
   "32": "https://gentleface.com/png/solid-sharp/32/yarn.png",
   "48": "https://gentleface.com/png/solid-sharp/48/yarn.png"
  }
 },
 "npm": {
  "react": "import { YarnIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/yarn.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/yarn.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "yarn-unwind",
  "does": "The loose end is pulled out to the right and off the edge: the ball turns back as the yarn comes off its bottom and grows smaller. Then the yarn is wound back on and the ball grows to its size.",
  "url": "https://gentleface.com/motion/yarn-unwind.svg",
  "style": "line-round",
  "size": 16,
  "duration": 3.2,
  "frames": [
   0.25,
   2.65
  ],
  "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\"><path d=\"M1.5 7.5C1.5 4.186 4.186 1.5 7.5 1.5C10.814 1.5 13.5 4.186 13.5 7.5C13.5 10.814 10.814 13.5 7.5 13.5C4.186 13.5 1.5 10.814 1.5 7.5Z\"><animate attributeName=\"d\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.406;0.531;0.797;1\" values=\"M1.5 7.5C1.5 4.186 4.186 1.5 7.5 1.5C10.814 1.5 13.5 4.186 13.5 7.5C13.5 10.814 10.814 13.5 7.5 13.5C4.186 13.5 1.5 10.814 1.5 7.5Z;M1.5 7.5C1.5 4.186 4.186 1.5 7.5 1.5C10.814 1.5 13.5 4.186 13.5 7.5C13.5 10.814 10.814 13.5 7.5 13.5C4.186 13.5 1.5 10.814 1.5 7.5Z;M2.46 8.46C2.46 5.676 4.716 3.42 7.5 3.42C10.284 3.42 12.54 5.676 12.54 8.46C12.54 11.244 10.284 13.5 7.5 13.5C4.716 13.5 2.46 11.244 2.46 8.46Z;M2.46 8.46C2.46 5.676 4.716 3.42 7.5 3.42C10.284 3.42 12.54 5.676 12.54 8.46C12.54 11.244 10.284 13.5 7.5 13.5C4.716 13.5 2.46 11.244 2.46 8.46Z;M1.5 7.5C1.5 4.186 4.186 1.5 7.5 1.5C10.814 1.5 13.5 4.186 13.5 7.5C13.5 10.814 10.814 13.5 7.5 13.5C4.186 13.5 1.5 10.814 1.5 7.5Z;M1.5 7.5C1.5 4.186 4.186 1.5 7.5 1.5C10.814 1.5 13.5 4.186 13.5 7.5C13.5 10.814 10.814 13.5 7.5 13.5C4.186 13.5 1.5 10.814 1.5 7.5Z\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/></path><g><animateTransform attributeName=\"transform\" type=\"rotate\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.406;0.531;0.797;1\" values=\"0 7.5 7.5;0 7.5 7.5;-70 7.5 8.46;-70 7.5 8.46;0 7.5 7.5;0 7.5 7.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/><path d=\"M7.895 1.513C6.837 4.493 4.493 6.837 1.513 7.895\"><animate attributeName=\"d\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.406;0.531;0.797;1\" values=\"M7.895 1.513C6.837 4.493 4.493 6.837 1.513 7.895;M7.895 1.513C6.837 4.493 4.493 6.837 1.513 7.895;M7.832 3.431C6.943 5.934 4.974 7.903 2.471 8.792;M7.832 3.431C6.943 5.934 4.974 7.903 2.471 8.792;M7.895 1.513C6.837 4.493 4.493 6.837 1.513 7.895;M7.895 1.513C6.837 4.493 4.493 6.837 1.513 7.895\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/></path><path d=\"M10.745 2.453C9.388 6.335 6.335 9.388 2.453 10.745\"><animate attributeName=\"d\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.406;0.531;0.797;1\" values=\"M10.745 2.453C9.388 6.335 6.335 9.388 2.453 10.745;M10.745 2.453C9.388 6.335 6.335 9.388 2.453 10.745;M10.226 4.221C9.086 7.481 6.521 10.046 3.261 11.186;M10.226 4.221C9.086 7.481 6.521 10.046 3.261 11.186;M10.745 2.453C9.388 6.335 6.335 9.388 2.453 10.745;M10.745 2.453C9.388 6.335 6.335 9.388 2.453 10.745\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/></path><path d=\"M12.948 4.986C11.31 8.492 8.492 11.31 4.986 12.948\"><animate attributeName=\"d\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.406;0.531;0.797;1\" values=\"M12.948 4.986C11.31 8.492 8.492 11.31 4.986 12.948;M12.948 4.986C11.31 8.492 8.492 11.31 4.986 12.948;M12.076 6.348C10.7 9.293 8.333 11.66 5.388 13.036;M12.076 6.348C10.7 9.293 8.333 11.66 5.388 13.036;M12.948 4.986C11.31 8.492 8.492 11.31 4.986 12.948;M12.948 4.986C11.31 8.492 8.492 11.31 4.986 12.948\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/></path></g><path d=\"M7.5 13.5L14.5 13.5\"><animate attributeName=\"d\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.406;0.531;0.797;1\" values=\"M7.5 13.5L14.5 13.5;M7.5 13.5L14.5 13.5;M7.5 13.5L21 13.5;M7.5 13.5L21 13.5;M7.5 13.5L14.5 13.5;M7.5 13.5L14.5 13.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/></path></svg>",
  "react": "// Gentleface \"yarn\" animated (yarn-unwind), MIT. https://gentleface.com/icons/yarn\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const YarnUnwindIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function YarnUnwindIcon(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      <path d=\"M1.5 7.5C1.5 4.186 4.186 1.5 7.5 1.5C10.814 1.5 13.5 4.186 13.5 7.5C13.5 10.814 10.814 13.5 7.5 13.5C4.186 13.5 1.5 10.814 1.5 7.5Z\">\n      <animate attributeName=\"d\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.406;0.531;0.797;1\" values=\"M1.5 7.5C1.5 4.186 4.186 1.5 7.5 1.5C10.814 1.5 13.5 4.186 13.5 7.5C13.5 10.814 10.814 13.5 7.5 13.5C4.186 13.5 1.5 10.814 1.5 7.5Z;M1.5 7.5C1.5 4.186 4.186 1.5 7.5 1.5C10.814 1.5 13.5 4.186 13.5 7.5C13.5 10.814 10.814 13.5 7.5 13.5C4.186 13.5 1.5 10.814 1.5 7.5Z;M2.46 8.46C2.46 5.676 4.716 3.42 7.5 3.42C10.284 3.42 12.54 5.676 12.54 8.46C12.54 11.244 10.284 13.5 7.5 13.5C4.716 13.5 2.46 11.244 2.46 8.46Z;M2.46 8.46C2.46 5.676 4.716 3.42 7.5 3.42C10.284 3.42 12.54 5.676 12.54 8.46C12.54 11.244 10.284 13.5 7.5 13.5C4.716 13.5 2.46 11.244 2.46 8.46Z;M1.5 7.5C1.5 4.186 4.186 1.5 7.5 1.5C10.814 1.5 13.5 4.186 13.5 7.5C13.5 10.814 10.814 13.5 7.5 13.5C4.186 13.5 1.5 10.814 1.5 7.5Z;M1.5 7.5C1.5 4.186 4.186 1.5 7.5 1.5C10.814 1.5 13.5 4.186 13.5 7.5C13.5 10.814 10.814 13.5 7.5 13.5C4.186 13.5 1.5 10.814 1.5 7.5Z\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/>\n      </path>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"rotate\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.406;0.531;0.797;1\" values=\"0 7.5 7.5;0 7.5 7.5;-70 7.5 8.46;-70 7.5 8.46;0 7.5 7.5;0 7.5 7.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/>\n      <path d=\"M7.895 1.513C6.837 4.493 4.493 6.837 1.513 7.895\">\n      <animate attributeName=\"d\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.406;0.531;0.797;1\" values=\"M7.895 1.513C6.837 4.493 4.493 6.837 1.513 7.895;M7.895 1.513C6.837 4.493 4.493 6.837 1.513 7.895;M7.832 3.431C6.943 5.934 4.974 7.903 2.471 8.792;M7.832 3.431C6.943 5.934 4.974 7.903 2.471 8.792;M7.895 1.513C6.837 4.493 4.493 6.837 1.513 7.895;M7.895 1.513C6.837 4.493 4.493 6.837 1.513 7.895\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/>\n      </path>\n      <path d=\"M10.745 2.453C9.388 6.335 6.335 9.388 2.453 10.745\">\n      <animate attributeName=\"d\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.406;0.531;0.797;1\" values=\"M10.745 2.453C9.388 6.335 6.335 9.388 2.453 10.745;M10.745 2.453C9.388 6.335 6.335 9.388 2.453 10.745;M10.226 4.221C9.086 7.481 6.521 10.046 3.261 11.186;M10.226 4.221C9.086 7.481 6.521 10.046 3.261 11.186;M10.745 2.453C9.388 6.335 6.335 9.388 2.453 10.745;M10.745 2.453C9.388 6.335 6.335 9.388 2.453 10.745\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/>\n      </path>\n      <path d=\"M12.948 4.986C11.31 8.492 8.492 11.31 4.986 12.948\">\n      <animate attributeName=\"d\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.406;0.531;0.797;1\" values=\"M12.948 4.986C11.31 8.492 8.492 11.31 4.986 12.948;M12.948 4.986C11.31 8.492 8.492 11.31 4.986 12.948;M12.076 6.348C10.7 9.293 8.333 11.66 5.388 13.036;M12.076 6.348C10.7 9.293 8.333 11.66 5.388 13.036;M12.948 4.986C11.31 8.492 8.492 11.31 4.986 12.948;M12.948 4.986C11.31 8.492 8.492 11.31 4.986 12.948\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/>\n      </path>\n      </g>\n      <path d=\"M7.5 13.5L14.5 13.5\">\n      <animate attributeName=\"d\" dur=\"3.2s\" repeatCount=\"indefinite\" keyTimes=\"0;0.094;0.406;0.531;0.797;1\" values=\"M7.5 13.5L14.5 13.5;M7.5 13.5L14.5 13.5;M7.5 13.5L21 13.5;M7.5 13.5L21 13.5;M7.5 13.5L14.5 13.5;M7.5 13.5L14.5 13.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/>\n      </path>\n    </svg>\n  );\n});",
  "how_to_play": "https://gentleface.com/animated-icons.md"
 }
}