Add icons to this collection by clicking the heart icon.
Loading icon - also known as click, clock, loading, finger, ui, and tap. Created in a clean lineal color style with a silver, black, teal, and pink 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 49 61"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#ffe0b2"
d="M48 30v15c0 4 0 6-2 9-.58.87-.99 1.57-1.29 2.13A2.08 2.08 0 0 0 44 56H28a1.7 1.7 0 0 0-.23.01 9.49 9.49 0 0 0-3.25-5.71 18.456 18.456 0 0 1-3.06-2.69 35.526 35.526 0 0 1-3.53-4.15 7.962 7.962 0 0 0-5.27-2.48 3 3 0 0 1 .16-5.98c3.96-.27 6.54.87 9.63 2.84a1 1 0 0 0 1.54-.84L24 20.64V15a2.963 2.963 0 0 1 1.87-2.77v-.01c.41-.165.85-.24 1.29-.22A3.128 3.128 0 0 1 30 15.17V27a3 3 0 0 1 6 0v1a3 3 0 0 1 6 0v2a3 3 0 0 1 6 0z"
/>
<g fill="#dfc49c">
<path
d="M30 31V15.168A3.138 3.138 0 0 0 26.957 12a3.086 3.086 0 0 0-1.087.222v.01a2.823 2.823 0 0 0-.4.193A3.241 3.241 0 0 1 27 15.17V29a2 2 0 0 0 2 2zM27.77 56.01A1.7 1.7 0 0 1 28 56h-.232zM47.12 27.88a2.965 2.965 0 0 0-3.623-.464c.227.127.436.283.623.464.563.562.88 1.324.88 2.12v15c0 4 0 6-2 9a26.031 26.031 0 0 0-1.218 2H44c.242.002.483.046.71.13.3-.56.71-1.26 1.29-2.13 2-3 2-5 2-9V30c0-.796-.317-1.558-.88-2.12z"
/>
</g>
<path
fill="#00bcd4"
d="M46 58a2.006 2.006 0 0 1-2 2H28a2.015 2.015 0 0 1-2-2 2 2 0 0 1 1.77-1.98v-.01A1.7 1.7 0 0 1 28 56h16c.242.002.483.046.71.13A2.032 2.032 0 0 1 46 58z"
/>
<path
fill="#00838f"
d="M45.41 56.59a1.94 1.94 0 0 0-.7-.46A2.08 2.08 0 0 0 44 56h-3c.242.002.483.046.71.13A2.032 2.032 0 0 1 43 58a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2c.003-.53-.21-1.04-.59-1.41z"
/>
<path
fill="#02a9f4"
d="M25.87 12.22v.01A2.963 2.963 0 0 0 24 15v5.64a12 12 0 1 1 1.87-8.42z"
/>
<path
fill="#0377bc"
d="M14 2a12 12 0 0 0-1.5.1 11.986 11.986 0 0 1 10.37 10.12v.01A2.963 2.963 0 0 0 21 15v5.64a12.008 12.008 0 0 1-8.462 5.26A11.891 11.891 0 0 0 24 20.64V15a2.963 2.963 0 0 1 1.87-2.77v-.01A11.992 11.992 0 0 0 14 2z"
/>
<path
fill="#000"
d="M27.212 11a4 4 0 0 0-.559.025A13.021 13.021 0 1 0 23 23.366L22.988 37c-3.315-2.113-6.052-3.28-10.231-2.995a4 4 0 0 0-2.892 6.475 3.976 3.976 0 0 0 2.68 1.5c1.747.115 3.39.87 4.615 2.12.437.529.594.752.73.945.87 1.15 1.82 2.238 2.843 3.255a19.129 19.129 0 0 0 3.175 2.8 8.025 8.025 0 0 1 2.675 4.281A2.99 2.99 0 0 0 28 61h16a2.991 2.991 0 0 0 2.042-5.185c.24-.405.5-.822.79-1.26C49 51.3 49 49.064 49 45V30a4 4 0 0 0-6.239-3.312 3.956 3.956 0 0 0-6.336-1.723A3.937 3.937 0 0 0 31 23.556V15.17A4.151 4.151 0 0 0 27.212 11zM14 25a11 11 0 1 1 10.75-13.295 4.145 4.145 0 0 0-.5.39A4.024 4.024 0 0 0 23 15v5.311A10.98 10.98 0 0 1 14 25zm30 34H28a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zM33 25a2 2 0 0 1 2 2v5a1 1 0 0 0 2 0v-4a2 2 0 1 1 4 0v5a1 1 0 0 0 2 0v-3a2 2 0 1 1 4 0v15c0 3.912 0 5.7-1.832 8.445a28.756 28.756 0 0 0-.975 1.574c-.065 0-.127-.019-.193-.019H28.557a10.117 10.117 0 0 0-3.472-5.525 17.493 17.493 0 0 1-2.891-2.544 29.973 29.973 0 0 1-2.668-3.039c-.153-.219-.33-.471-.822-1.065a9.071 9.071 0 0 0-5.93-2.841 1.982 1.982 0 0 1-1.339-.748A2 2 0 0 1 12.888 36c3.658-.252 5.99.751 9.031 2.689.62.389 1.402.411 2.043.058A1.992 1.992 0 0 0 24.99 37L25 15a2 2 0 0 1 2.1-2 2.127 2.127 0 0 1 1.9 2.17V31a1 1 0 0 0 2 0v-4a2 2 0 0 1 2-2z"
/>
<path
fill="#000"
d="M15 13.586V7a1 1 0 0 0-2 0v7a1 1 0 0 0 .293.707l3 3a1 1 0 0 0 1.414-1.414z"
/>
</g>
</svg>
More icons in the same style and category