Add icons to this collection by clicking the heart icon.
Sun Hat icon - also known as fashion, summertime, outdoors, pamela hat, and sun hat. 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="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path
        fill="#c18e59"
        d="M62 36c0 5.523-13.431 14-30 14S2 41.523 2 36s13.431-10 30-10 30 4.477 30 10z"
    />
    <path
        fill="#ce996a"
        d="M2 36c0 2.5 2.761 5.606 7.314 8.257A48.047 48.047 0 0 0 28 48c16.569 0 30-8.477 30-14 0-1.619-1.161-3.147-3.21-4.5C49.288 27.359 41.122 26 32 26 15.431 26 2 30.477 2 36z"
    />
    <path
        fill="#976947"
        d="M47 32.151V29a15 15 0 0 0-15-15 15 15 0 0 0-15 15v3.151a5.921 5.921 0 0 0 3.517 5.412A28.268 28.268 0 0 0 32 40a28.268 28.268 0 0 0 11.483-2.437A5.921 5.921 0 0 0 47 32.151z"
    />
    <path
        fill="#a07252"
        d="M30.5 14.076A15 15 0 0 0 17 29v3.151a5.921 5.921 0 0 0 3.517 5.412 28.28 28.28 0 0 0 9.983 2.4 28.28 28.28 0 0 0 9.983-2.4A5.921 5.921 0 0 0 44 32.151V29a15 15 0 0 0-13.5-14.924z"
    />
    <path
        fill="#f9d266"
        d="M46.393 24.763a14.872 14.872 0 0 0-1.01-2.545 5.9 5.9 0 0 1-1.9 1.345A28.268 28.268 0 0 1 32 26a28.268 28.268 0 0 1-11.483-2.437 5.9 5.9 0 0 1-1.9-1.345 14.872 14.872 0 0 0-1.01 2.545 5.919 5.919 0 0 0 2.91 2.8A28.268 28.268 0 0 0 32 30a28.268 28.268 0 0 0 11.483-2.437 5.919 5.919 0 0 0 2.91-2.8z"
    />
    <path
        fill="#fce797"
        d="M43.483 23.563A28.268 28.268 0 0 1 32 26a28.268 28.268 0 0 1-11.483-2.437 5.9 5.9 0 0 1-1.9-1.345q-.315.619-.571 1.272a5.894 5.894 0 0 0 2.471 2.073A28.268 28.268 0 0 0 32 28a28.268 28.268 0 0 0 11.483-2.437 5.894 5.894 0 0 0 2.471-2.073q-.256-.651-.571-1.272a5.9 5.9 0 0 1-1.9 1.345z"
    />
    <path
        fill="#f0ae42"
        d="m29 37-2.573-1.93A5.355 5.355 0 0 0 23.216 34a5.351 5.351 0 0 0-3.783 1.567l-.019.019A4.828 4.828 0 0 0 18 39a4.828 4.828 0 0 0 1.414 3.414l.019.019A5.351 5.351 0 0 0 23.216 44a5.355 5.355 0 0 0 3.211-1.07L29 41M35 37l2.573-1.93A5.355 5.355 0 0 1 40.784 34a5.351 5.351 0 0 1 3.783 1.567l.019.019A4.828 4.828 0 0 1 46 39a4.828 4.828 0 0 1-1.414 3.414l-.019.019A5.351 5.351 0 0 1 40.784 44a5.355 5.355 0 0 1-3.211-1.07L35 41"
    />
    <path
        fill="#d5883e"
        d="m41.316 37.948-.632-1.897-5.685 1.895-.342-.114-.086.257-.547.182.243.729-.243.729.547.182.086.257.343-.114 5.684 1.894.632-1.896L38.161 39zM29.733 39l.243-.729-.547-.182-.086-.257-.342.114-5.685-1.895-.632 1.897L25.839 39l-3.155 1.052.632 1.896L29 40.054l.343.114.086-.257.547-.182z"
    />
    <rect width="6" height="6" x="29" y="36" fill="#f9d266" rx="1" />
    <path fill="#fce797" d="M30 36a1 1 0 0 0-1 1v3h3a1 1 0 0 0 1-1v-3z" />
    <path
        d="M47.781 26.48a15.977 15.977 0 0 0-31.562 0C6.68 28.417 1 31.952 1 36c0 6.612 14.6 15 31 15s31-8.388 31-15c0-4.048-5.68-7.583-15.219-9.52zM36 40.387l4.684 1.561.632-1.9L38.161 39l3.155-1.052-.632-1.9L36 37.613V37.5l2.173-1.63a4.352 4.352 0 0 1 5.706.423 3.829 3.829 0 0 1-.019 5.433A4.319 4.319 0 0 1 40.784 43a4.389 4.389 0 0 1-2.611-.87L36 40.5zm10-8.236a4.936 4.936 0 0 1-.79 2.651A6.3 6.3 0 0 0 40.784 33a6.385 6.385 0 0 0-3.811 1.271l-1.652 1.239A1.981 1.981 0 0 0 34 35h-4a1.981 1.981 0 0 0-1.321.51l-1.652-1.239A6.385 6.385 0 0 0 23.216 33a6.321 6.321 0 0 0-4.426 1.8 4.948 4.948 0 0 1-.79-2.649V29a13.935 13.935 0 0 1 .137-1.85 6.939 6.939 0 0 0 1.974 1.327 29.273 29.273 0 0 0 23.778 0 6.939 6.939 0 0 0 1.974-1.327A13.935 13.935 0 0 1 46 29zM34 41h-4v-4h4zm-13.86-4.726A4.323 4.323 0 0 1 23.216 35a4.38 4.38 0 0 1 2.611.87L28 37.5v.113l-4.684-1.562-.632 1.9L25.839 39l-3.155 1.052.632 1.9L28 40.387v.113l-2.173 1.63a4.389 4.389 0 0 1-2.611.87 4.335 4.335 0 0 1-3.1-1.293 3.829 3.829 0 0 1 .019-5.433zM45.3 24.648a4.909 4.909 0 0 1-2.221 2 27.271 27.271 0 0 1-22.154 0 4.909 4.909 0 0 1-2.221-2c.088-.271.188-.537.293-.8a6.855 6.855 0 0 0 1.116.629A29.091 29.091 0 0 0 32 27a29.091 29.091 0 0 0 11.889-2.523 6.855 6.855 0 0 0 1.116-.629c.105.263.205.529.295.8zM32 15a14 14 0 0 1 12.11 7.006 4.844 4.844 0 0 1-1.033.643A27.1 27.1 0 0 1 32 25a27.1 27.1 0 0 1-11.077-2.351 4.884 4.884 0 0 1-1.033-.643A14 14 0 0 1 32 15zm0 34C15.247 49 3 40.45 3 36c0-2.868 5.071-5.737 13.022-7.439 0 .147-.022.291-.022.439v3.151a6.975 6.975 0 0 0 1.562 4.375 5.794 5.794 0 0 0 1.163 6.614A6.312 6.312 0 0 0 23.216 45a6.389 6.389 0 0 0 3.811-1.271l1.652-1.239A1.983 1.983 0 0 0 30 43h4a1.986 1.986 0 0 0 1.321-.51l1.653 1.239a6.348 6.348 0 0 0 8.319-.608 5.784 5.784 0 0 0 1.143-6.594A6.966 6.966 0 0 0 48 32.151V29c0-.148-.018-.292-.022-.439C55.929 30.263 61 33.132 61 36c0 4.45-12.247 13-29 13z"
    />
</svg>
More icons in the same style and category