Add icons to this collection by clicking the heart icon.
Cap icon - also known as user, costume, cap, kids, girls, character, and swag. Created in a clean flat gradient 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="1.093"
y2="499.338"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff91d2" />
<stop offset=".262" stop-color="#f68bd9" />
<stop offset=".688" stop-color="#de79ed" />
<stop offset=".999" stop-color="#c86aff" />
</linearGradient>
<linearGradient
id="b"
x1="156"
x2="156"
y1="1.093"
y2="499.338"
href="#a"
/>
<linearGradient
id="c"
x1="356"
x2="356"
y1="1.093"
y2="499.338"
href="#a"
/>
<linearGradient
id="d"
x1="63.504"
x2="63.504"
y1="1.093"
y2="499.338"
href="#a"
/>
<linearGradient
id="e"
x1="93.517"
x2="93.517"
y1="1.093"
y2="499.338"
href="#a"
/>
<linearGradient
id="f"
x1="368"
x2="368"
y1="1.093"
y2="499.338"
href="#a"
/>
<linearGradient
id="g"
x1="418.483"
x2="418.483"
y1="1.093"
y2="499.338"
href="#a"
/>
<linearGradient
id="h"
x1="448.496"
x2="448.496"
y1="1.093"
y2="499.338"
href="#a"
/>
<linearGradient
id="i"
x1="144"
x2="144"
y1="1.093"
y2="499.338"
href="#a"
/>
<path fill="url(#a)" d="M256 144.37 205.203 160h101.594z" />
<path
fill="url(#b)"
d="M130.334 183.037a47.678 47.678 0 0 1-34.125-2.182A21.991 21.991 0 0 0 88 198v16a42.047 42.047 0 0 0 42 42h22a72.081 72.081 0 0 0 72-72 8.009 8.009 0 0 0-8-8h-62.8zM117.657 231.8l-11.314-11.314 28.284-28.286 11.314 11.314zm74.427-28.284L163.8 231.8l-11.315-11.314L180.77 192.2z"
/>
<path
fill="url(#c)"
d="M424 198a21.987 21.987 0 0 0-8.21-17.146 47.291 47.291 0 0 1-19.829 4.349 48.555 48.555 0 0 1-14.3-2.166L358.8 176H296a8.009 8.009 0 0 0-8 8 72.081 72.081 0 0 0 72 72h22a42.047 42.047 0 0 0 42-42zm-92.77 33.8-11.314-11.314L348.2 192.2l11.315 11.314zm46.143 0-11.314-11.314 28.284-28.286 11.314 11.314z"
/>
<path
fill="url(#a)"
d="M273.46 200.013A88.134 88.134 0 0 1 272 184a23.882 23.882 0 0 1 1.371-8h-34.742a23.882 23.882 0 0 1 1.371 8 88.134 88.134 0 0 1-1.46 16.013 48.331 48.331 0 0 1 34.92 0z"
/>
<path
fill="url(#d)"
d="M78.161 240A57.643 57.643 0 0 1 72 214v-16a37.963 37.963 0 0 1 7.009-22H70a22.025 22.025 0 0 0-22 22v20a22.025 22.025 0 0 0 22 22z"
/>
<g fill="url(#a)">
<path
d="M240 352h32a40.071 40.071 0 0 0 39.2-32H200.8a40.071 40.071 0 0 0 39.2 32zM125.629 167.744l128.018-39.39a8 8 0 0 1 4.706 0l128.018 39.391a32 32 0 0 0 39.644-41.084L256 80.292 85.985 126.66a32 32 0 0 0 39.644 41.084zM415.112 261.6A57.676 57.676 0 0 1 382 272h-22a88.118 88.118 0 0 1-79.823-50.967l-9.866-4.933a32.15 32.15 0 0 0-28.622 0l-9.866 4.933A88.118 88.118 0 0 1 152 272h-22a57.673 57.673 0 0 1-33.112-10.4A52.086 52.086 0 0 0 148 304h216a52.085 52.085 0 0 0 51.112-42.4zM256 280a32.036 32.036 0 0 1-32-32h16a16 16 0 0 0 32 0h16a32.036 32.036 0 0 1-32 32z"
/>
<path
d="M258.1 64.282 424 109.526V84a52.059 52.059 0 0 0-52-52H140a52.059 52.059 0 0 0-52 52v25.526l165.9-45.244a7.99 7.99 0 0 1 4.2 0z"
/>
</g>
<path
fill="url(#e)"
d="M80.116 256h-1.242C69.131 278.048 64 300.08 64 320c0 65.545 24.879 92.271 48 105.584V342a37.877 37.877 0 0 1 11.034-26.747A68.147 68.147 0 0 1 80.116 256z"
/>
<path
fill="url(#f)"
d="M362 320h-.556l6.448 38.685A8.054 8.054 0 0 1 368 360v3.29a57.6 57.6 0 0 1-16 40V464a32.036 32.036 0 0 0 32-32v-90a22.025 22.025 0 0 0-22-22z"
/>
<path fill="url(#a)" d="M216 400h80v32h-80z" />
<path
fill="url(#g)"
d="M431.884 256a68.147 68.147 0 0 1-42.918 59.253A37.877 37.877 0 0 1 400 342v83.584c23.121-13.313 48-40.039 48-105.584 0-19.92-5.131-41.952-14.874-64z"
/>
<path
fill="url(#h)"
d="M442 176h-9.009A37.963 37.963 0 0 1 440 198v16a57.643 57.643 0 0 1-6.161 26H442a22.025 22.025 0 0 0 22-22v-20a22.025 22.025 0 0 0-22-22z"
/>
<path
fill="url(#a)"
d="M352 360.662 345.223 320H327.43A56.086 56.086 0 0 1 272 368h-32a56.086 56.086 0 0 1-55.43-48h-17.793L160 360.662v2.628a41.724 41.724 0 0 0 12.3 29.7l1.356 1.356A8 8 0 0 1 176 400v80h160v-80a8 8 0 0 1 2.343-5.657l1.355-1.355a41.725 41.725 0 0 0 12.3-29.7zM312 440a8 8 0 0 1-8 8h-96a8 8 0 0 1-8-8v-48a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8z"
/>
<path
fill="url(#i)"
d="M144 360a8.054 8.054 0 0 1 .108-1.315L150.556 320H150a22.025 22.025 0 0 0-22 22v90a32.036 32.036 0 0 0 32 32v-60.71a57.594 57.594 0 0 1-16-40z"
/>
</svg>
More icons in the same style and category