Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, clothing, cap, hats, textile, baseball cap, and baseball hat. Created in a clean lineal color style with a white, silver, yellow, and orange 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="100"
    height="100"
    viewBox="0 0 511.999 511.999"
>
    <path
        d="m123.534 318.102-109.242 47.37c-11.059 4.796-7.634 21.299 4.419 21.299h75.482a283.636 283.636 0 0 0 185.038-68.669H123.534z"
        fill="#fded00"
    />
    <path
        d="M491.48 318.102v30.295H236.627a283.38 283.38 0 0 0 42.605-30.295H491.48z"
        fill="#fded00"
    />
    <path
        d="m310.194 318.102-17.783 15.309a307.101 307.101 0 0 1-18.874 14.986h-36.91a283.38 283.38 0 0 0 42.605-30.295h30.962z"
        fill="#fcc000"
    />
    <path
        d="M504.426 275.184c0 7.766-1.212 15.36-3.524 22.721-2.191 6.958-5.352 13.714-9.422 20.197H123.535c-4.07-6.483-7.23-13.239-9.422-20.197-2.313-7.362-3.524-14.956-3.524-22.721 0-66.367 88.159-120.171 196.918-120.171s196.919 53.805 196.919 120.171z"
        fill="#d9b96a"
    />
    <path
        d="M442.826 275.184c0 7.766-.828 15.37-2.424 22.721a108.293 108.293 0 0 1-6.473 20.197H181.086a108.293 108.293 0 0 1-6.473-20.197 107.02 107.02 0 0 1-2.424-22.721c0-66.367 60.58-120.171 135.318-120.171s135.319 53.805 135.319 120.171z"
        fill="#e7ebe9"
    />
    <path
        d="M94.194 366.575H18.711c-1.755 0-3.32-.359-4.692-.97-10.718 4.951-7.259 21.167 4.692 21.167h75.482a283.636 283.636 0 0 0 185.038-68.669H252.75a283.633 283.633 0 0 1-158.556 48.472z"
        fill="#fcc000"
    />
    <path
        d="M500.902 297.906c-2.191 6.958-5.352 13.714-9.422 20.197H123.535c-4.07-6.483-7.23-13.239-9.422-20.197h386.789z"
        fill="#cf9635"
    />
    <path
        d="M440.402 297.906a108.293 108.293 0 0 1-6.473 20.197H181.086a108.293 108.293 0 0 1-6.473-20.197h265.789z"
        fill="#ced1cf"
    />
    <path
        d="M363.049 275.184c0 7.766-.343 15.37-.99 22.721a233.009 233.009 0 0 1-2.666 20.197H255.622a233.009 233.009 0 0 1-2.666-20.197 259.981 259.981 0 0 1-.99-22.721c0-66.367 24.862-120.171 55.541-120.171 30.68.001 55.542 53.805 55.542 120.171z"
        fill="#d9b96a"
    />
    <path
        d="M362.059 297.906a233.009 233.009 0 0 1-2.666 20.197H255.622a233.009 233.009 0 0 1-2.666-20.197h109.103z"
        fill="#cf9635"
    />
    <path
        d="M499.054 320.214c8.584-14.362 12.945-29.499 12.945-45.03 0-34.84-21.772-67.314-61.304-91.439-38.365-23.412-89.217-36.306-143.188-36.306s-104.823 12.894-143.188 36.306c-39.532 24.125-61.304 56.598-61.304 91.439 0 13.487 3.292 26.677 9.777 39.321L11.279 358.523C2.936 362.141-1.428 370.554.42 379.459c1.847 8.904 9.198 14.886 18.291 14.886h75.482c50.958 0 100.721-13.403 144.445-38.374h260.415v-35.757zm-56.25-123.539c34.854 21.269 54.048 49.151 54.048 78.509 0 12.072-3.253 23.942-9.676 35.344H444.85a114.976 114.976 0 0 0 5.55-35.344c0-39.826-20.495-75.449-52.547-98.894 16.354 5.34 31.493 12.172 44.951 20.385zM262.063 310.529c-1.675-11.386-2.523-23.246-2.523-35.344 0-31.025 5.53-60.073 15.569-81.796 9.047-19.575 20.855-30.801 32.399-30.801s23.352 11.226 32.399 30.801c10.039 21.723 15.569 50.771 15.569 81.796 0 12.098-.847 23.958-2.523 35.344h-90.89zm-82.3-35.345c0-51.745 39.809-95.442 93.847-108.566-4.468 5.644-8.582 12.474-12.251 20.415-10.941 23.672-16.966 54.978-16.966 88.151 0 12.059.81 23.905 2.384 35.344h-60.58c-4.273-11.372-6.434-23.238-6.434-35.344zm173.893-88.15c-3.67-7.941-7.785-14.771-12.251-20.415 54.038 13.124 93.847 56.821 93.847 108.566 0 12.106-2.162 23.972-6.434 35.344h-60.58c1.575-11.439 2.384-23.285 2.384-35.344.001-33.174-6.025-64.48-16.966-88.151zm-181.445 9.641c13.458-8.213 28.597-15.047 44.952-20.386-32.052 23.445-52.547 59.068-52.547 98.894 0 12.057 1.867 23.901 5.55 35.344H127.84c-6.424-11.402-9.676-23.273-9.676-35.344-.001-29.357 19.193-57.238 54.047-78.508zm85.3 129.001c-.999.732-1.992 1.467-3.001 2.186-.114.081-.226.164-.34.244a277.421 277.421 0 0 1-21.133 13.616c-41.907 24.38-89.791 37.474-138.843 37.474H18.711c-2.502 0-3.242-1.765-3.461-2.816-.218-1.052-.241-2.966 2.054-3.961l107.8-46.744H257.51m226.396 15.149h-221.48c.081-.057.159-.116.239-.174 1.24-.88 2.471-1.775 3.699-2.675.51-.374 1.021-.743 1.529-1.12 1.068-.794 2.128-1.6 3.186-2.408.664-.508 1.33-1.014 1.99-1.528.918-.714 1.829-1.438 2.738-2.163.789-.629 1.576-1.259 2.358-1.895.803-.654 1.601-1.316 2.397-1.979.485-.404.978-.798 1.459-1.205h201.886v15.148h-.001zM291.853 117.654h30.295v15.148h-30.295z"
    />
    <path
        d="M275.433 275.85c-.254-4.122-.592-10.393-.592-17.224v-.361h15.148v.361c0 6.414.321 12.371.562 16.293l-15.118.931zm15.181-32.045-15.088-1.34c2.428-27.333 11.42-49.844 27.492-68.815l11.558 9.79c-13.983 16.504-21.821 36.251-23.962 60.365z"
        fill="#fff"
    />
    <path
        d="M90.382 333.051h15.148v43.808H90.382z"
        transform="rotate(-115.98 97.957 354.95)"
        fill="#fff"
    />
    <path
        d="M169.158 332.749h15.148v15.148h-15.148zM470.595 275.693h15.148v15.148h-15.148zM134.318 249.438h15.148v15.148h-15.148z"
        fill="#fff"
    />
</svg>
More icons in the same style and category