Add icons to this collection by clicking the heart icon.
Yarn icon - also known as thread, textile, yarn, knitting, hobbies and free time, wool ball, and handcrafts. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
    xmlns="http://www.w3.org/2000/svg"
    width="682.667"
    height="682.667"
    viewBox="0 0 682.667 682.667"
>
    <defs>
        <clipPath id="a" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0h-75.004c-12.632 0-22.871 10.24-22.871 22.872v451.256c0 12.632 10.239 22.872 22.871 22.872H0c12.632 0 22.871-10.24 22.871-22.872V22.872C22.871 10.24 12.632 0 0 0"
            transform="translate(293.502 7.5)"
            fill="#c7e0e5"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-55.971c7.461 0 13.509-6.048 13.509-13.508v-469.984c0-7.46-6.048-13.508-13.509-13.508H0c12.632 0 22.871 10.24 22.871 22.872v451.256C22.871-10.24 12.632 0 0 0"
            transform="translate(293.502 504.5)"
            fill="#a6ced3"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-260.971c-18.144 0-32.463 15.421-31.119 33.515l27 363.663c1.21 16.293 14.781 28.894 31.119 28.894H-27c16.338 0 29.909-12.601 31.119-28.894L28.646 66.837l2.473-33.322C32.463 15.421 18.145 0 0 0"
            transform="translate(386.485 42.964)"
            fill="#ffd3e4"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="m0 0-2.474 33.322L-27 363.663c-1.21 16.293-14.782 28.894-31.119 28.894h-63.943c16.338 0 29.911-12.601 31.12-28.894l24.526-330.341L-63.941 0c1.342-18.094-12.976-33.515-31.12-33.515h63.942C-12.975-33.515 1.344-18.094 0 0"
            transform="translate(417.604 76.479)"
            fill="#fbbedb"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="m0 0-2.474 33.322-17.503 235.737c-156.017-13.661-280.131-138.584-292.533-294.96a31.046 31.046 0 0 1 20.42-7.614h260.971C-12.975-33.515 1.344-18.094 0 0"
            transform="translate(417.604 76.479)"
            fill="#fbbedb"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h63.941c18.145 0 32.463 15.421 31.12 33.515l-2.474 33.322-17.503 235.737a320.703 320.703 0 0 1-63.054-11.956L28.645 66.837l2.474-33.322C32.462 15.421 18.144 0 0 0"
            transform="translate(322.544 42.964)"
            fill="#fca2cd"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c12.399 156.377 136.515 281.302 292.533 294.964"
            transform="translate(105.095 50.574)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c8.799 128.657 110.21 231.871 238.075 243.482"
            transform="translate(163.94 42.964)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c8.629 97.387 85.853 175.06 183.037 184.386"
            transform="translate(223.366 42.964)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c23.364 27.526 56.872 46.172 94.748 50.163"
            transform="translate(316.043 118.081)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0a143.309 143.309 0 0 0 13.746 45.697"
            transform="translate(282.945 42.964)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c7.576 34.751 36.4 61.564 72.178 66.144"
            transform="translate(343.004 42.964)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c63.031-13.604 122.415-46.146 168.872-96.747"
            transform="translate(226.77 469.038)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c56.833-7.669 111.307-33.85 153.584-77.608"
            transform="translate(193.824 414.706)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0a263.475 263.475 0 0 0 39.313 2.901"
            transform="translate(119.468 414.18)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c58.583 12.822 121.179-.699 169.554-38.833"
            transform="translate(114.935 353.128)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c39.337 13.985 83.086 10.161 119.376-10.345"
            transform="translate(110.269 290.282)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c22.594 18.321 51.802 23.162 77.797 15.452"
            transform="translate(105.078 220.365)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-260.971c-18.144 0-32.463 15.421-31.119 33.515l27 363.663c1.21 16.293 14.781 28.894 31.119 28.894H-27c16.338 0 29.909-12.601 31.119-28.894L28.646 66.837l2.473-33.322C32.463 15.421 18.145 0 0 0Z"
            transform="translate(386.485 42.964)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v-12.592c0-12.632 10.239-22.872 22.871-22.872h75.004c12.632 0 22.871 10.24 22.871 22.872V0"
            transform="translate(195.627 42.964)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v12.592c0 12.632-10.239 22.872-22.871 22.872h-75.004c-12.632 0-22.871-10.24-22.871-22.872V0"
            transform="translate(316.373 469.036)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
</svg>
More icons in the same style and category