Add icons to this collection by clicking the heart icon.
Wool Hat icon - also known as fashion, winter hat, wool hat, accessory, beanie, garment, pom pom, and knit hat. Created in a clean flat gradient style with a white, silver, and gray finish, 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="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="26.219"
        x2="36.233"
        y1="7.506"
        y2="11.827"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#eceff1" />
        <stop offset=".428" stop-color="#e3e8ea" />
        <stop offset=".994" stop-color="#cfd8dc" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="11.34"
        x2="40.288"
        y1="22.675"
        y2="34.837"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#66bb6a" />
        <stop offset=".372" stop-color="#5db461" />
        <stop offset=".989" stop-color="#43a047" />
        <stop offset=".994" stop-color="#43a047" />
    </linearGradient>
    <linearGradient id="c" x1="2" x2="53.167" y1="53" y2="53" href="#a" />
    <linearGradient
        id="d"
        x1="41.5"
        x2="55.5"
        y1="53"
        y2="53"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#627a82" />
        <stop offset=".994" stop-color="#455a64" />
    </linearGradient>
    <linearGradient id="e" x1="13.21" x2="55.628" y1="20" y2="20" href="#a" />
    <linearGradient id="f" x1="10.125" x2="52.637" y1="34" y2="34" href="#a" />
    <circle cx="32" cy="10" r="8" fill="url(#a)" />
    <path
        fill="url(#b)"
        d="M36 10h-8A21.024 21.024 0 0 0 7 31v14a1 1 0 0 0 1 1h48a1 1 0 0 0 1-1V31a21.024 21.024 0 0 0-21-21z"
    />
    <path
        fill="#43a047"
        d="M45.807 12.445C49.13 39.013 18.25 35.168 7 32.915V45a1 1 0 0 0 1 1h48a1 1 0 0 0 1-1V31a21.012 21.012 0 0 0-11.193-18.555z"
    />
    <path d="M17 50h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
    <circle cx="7" cy="49" r="1" />
    <rect width="60" height="18" x="2" y="44" fill="url(#c)" rx="5" />
    <path
        fill="#cfd8dc"
        d="M57 44h-6.517C45.28 58.515 10.723 56.837 2 56.172V57a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5v-8a5.006 5.006 0 0 0-5-5z"
    />
    <rect width="14" height="10" x="44" y="48" fill="url(#d)" rx="1" />
    <path
        fill="#455a64"
        d="M57 48h-1.338C54.128 53.851 48.33 55.18 44 55.319V57a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#e)"
        d="M55.79 24H8.21a20.631 20.631 0 0 1 5.12-8h37.34a20.631 20.631 0 0 1 5.12 8z"
    />
    <path
        fill="#cfd8dc"
        d="M44.602 24H55.79a20.631 20.631 0 0 0-5.12-8h-4.607a19.448 19.448 0 0 1-1.46 8z"
    />
    <path
        fill="url(#f)"
        d="M57 31v7H7v-7c0-.34.01-.67.03-1h49.94c.02.33.03.66.03 1z"
    />
    <path
        fill="#cfd8dc"
        d="M56.97 30H39.808C30.824 36.639 14.522 34.421 7 32.914V38h50v-7c0-.34-.01-.67-.03-1z"
    />
    <g fill="#fff">
        <path
            d="M27.999 8a1 1 0 0 1-.799-1.6 5.995 5.995 0 0 1 3.6-2.28 1 1 0 1 1 .4 1.96 4.004 4.004 0 0 0-2.401 1.52.998.998 0 0 1-.8.4zM11.416 25a1 1 0 0 1-.92-1.39q.284-.668.616-1.31a1 1 0 1 1 1.776.918q-.296.574-.55 1.172a1 1 0 0 1-.922.61zM13.999 20.698a1 1 0 0 1-.777-1.629 19.06 19.06 0 0 1 5.277-4.518 1 1 0 1 1 1.002 1.73 17.073 17.073 0 0 0-4.724 4.046.998.998 0 0 1-.778.371zM17 48h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2z"
        />
        <circle cx="6" cy="47" r="1" />
    </g>
</svg>
More icons in the same style and category