Add icons to this collection by clicking the heart icon.
Essentials icon - also known as ribbon, interface, web design, map, ui, essentials, flagged, and user interface. Created in a clean 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="42.762"
x2="42.762"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="34.38"
x2="34.38"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="39.968"
x2="39.968"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="28.791"
x2="28.791"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="23.203"
x2="23.203"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="31.998"
x2="31.998"
y1="58"
y2="6.003"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="49.93"
x2="49.93"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M39.968 28.115c.275 0 .55-.113.747-.336l5.588-6.286a.999.999 0 1 0-1.494-1.328l-5.588 6.286a.999.999 0 0 0 .747 1.664z"
/>
<path
fill="url(#c)"
d="M34.38 34.402a1 1 0 0 0 1-1V18.034a1 1 0 1 0-2 0v15.368a1 1 0 0 0 1 1z"
/>
<path
fill="url(#d)"
d="M45.556 32.402H34.38a1 1 0 1 0 0 2h11.176a1 1 0 1 0 0-2zM33.38 20.829a1 1 0 0 0 1 1h11.176a1 1 0 1 0 0-2H34.38a1 1 0 0 0-1 1z"
/>
<path
fill="url(#e)"
d="M23.203 19.034H34.38a1 1 0 1 0 0-2H23.203a1 1 0 1 0 0 2zM23.203 31.607H34.38a1 1 0 1 0 0-2H23.203a1 1 0 1 0 0 2z"
/>
<path
fill="url(#b)"
d="M40.715 26.451a.999.999 0 1 0-1.494 1.328l5.588 6.287a.994.994 0 0 0 1.411.083.999.999 0 0 0 .083-1.411z"
/>
<path
fill="url(#f)"
d="M23.203 14.24a1 1 0 0 0-1 1v33.53a1 1 0 1 0 2 0V15.24a1 1 0 0 0-1-1z"
/>
<path
fill="url(#g)"
d="M47.732 51.461a.998.998 0 0 0-1.398-.205 24.05 24.05 0 0 1-19.083 4.275c-6.309-1.272-11.927-5.098-15.412-10.496-4.704-7.283-5.067-16.897-.927-24.492 4.164-7.638 12.436-12.54 21.122-12.54l.23.001c8.878.089 17.189 5.271 21.175 13.202 3.915 7.788 3.218 17.43-1.777 24.563a1 1 0 0 0 1.639 1.147c5.41-7.728 6.166-18.172 1.926-26.608-4.319-8.593-13.324-14.207-22.943-14.304l-.249-.001c-9.409 0-18.369 5.311-22.879 13.583-4.486 8.228-4.093 18.643 1.003 26.534 3.776 5.849 9.862 9.994 16.697 11.372 1.661.335 3.338.5 5.009.508h.192a26.045 26.045 0 0 0 15.47-5.141.997.997 0 0 0 .205-1.398z"
/>
<path
fill="url(#h)"
d="M49.229 48.71c-.189.189-.3.45-.3.71a1 1 0 0 0 .3.71c.181.189.44.29.71.29a.99.99 0 0 0 .99-1c0-.26-.1-.521-.29-.71-.369-.37-1.039-.36-1.41 0z"
/>
</svg>
More icons in the same style and category