Add icons to this collection by clicking the heart icon.
Ui icon - also known as design, ui, element, and ui design. 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 33.867 33.867"
>
<linearGradient id="c">
<stop offset="0" stop-color="#f5f8ff" />
<stop offset="1" stop-color="#a0c9ff" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ff7e3f" />
<stop offset="1" stop-color="#ffbe3f" />
</linearGradient>
<linearGradient
id="e"
x1="9.056"
x2="9.056"
y1="15.824"
y2="1.058"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="4.898"
x2="4.898"
y1="23.076"
y2="20.433"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="19.218"
x2="19.218"
y1="10.267"
y2="7.624"
gradientTransform="matrix(1 0 0 -1 -14.32 35.859)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="19.218"
x2="19.218"
y1="10.267"
y2="7.624"
gradientTransform="matrix(1 0 0 -1 -14.32 40.489)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="a">
<stop offset="0" stop-color="#0056ff" />
<stop offset="1" stop-color="#0ab0f2" />
</linearGradient>
<linearGradient
id="k"
x1="19.218"
x2="19.218"
y1="10.267"
y2="7.624"
gradientTransform="matrix(1 0 0 -1 2.584 40.489)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="19.218"
x2="19.218"
y1="10.267"
y2="7.624"
gradientTransform="matrix(1 0 0 -1 2.584 35.859)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="21.802"
x2="21.802"
y1="23.076"
y2="20.433"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="d"
x1="26.519"
x2="26.519"
y1="15.824"
y2="1.058"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#d)"
d="M21.167 1.058h9.029a2.64 2.64 0 0 1 2.645 2.646v11.412a2.64 2.64 0 0 1-2.645 2.646h-9.03a2.64 2.64 0 0 1-2.645-2.646V3.704a2.64 2.64 0 0 1 2.646-2.646z"
paint-order="fill markers stroke"
/>
<path
fill="url(#e)"
d="M3.704 1.058h9.03a2.64 2.64 0 0 1 2.645 2.646v11.412a2.64 2.64 0 0 1-2.646 2.646H3.704a2.64 2.64 0 0 1-2.646-2.646V3.704a2.64 2.64 0 0 1 2.646-2.646z"
paint-order="fill markers stroke"
/>
<path
fill="url(#f)"
d="M2.382 23.135a1.323 1.323 0 1 1 0-2.644h12.204a1.323 1.323 0 0 1 0 2.644z"
paint-order="markers fill stroke"
/>
<path
fill="url(#g)"
d="M2.382 25.532a1.323 1.323 0 1 0 0 2.645h12.204a1.323 1.323 0 0 0 0-2.645z"
paint-order="markers fill stroke"
/>
<path
fill="url(#h)"
d="M2.382 30.163a1.323 1.323 0 1 0 0 2.644h12.204a1.323 1.323 0 0 0 0-2.644z"
paint-order="markers fill stroke"
/>
<path
fill="#024292"
d="M1.339 15.115v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.322 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.324 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.322 0v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.324 0v.263h.53v-.263z"
paint-order="markers fill stroke"
/>
<path
fill="url(#i)"
d="M19.286 23.135a1.323 1.323 0 1 1 0-2.644h12.203a1.323 1.323 0 0 1 0 2.644z"
paint-order="markers fill stroke"
/>
<path
fill="url(#j)"
d="M19.286 25.532a1.323 1.323 0 1 0 0 2.645h12.203a1.323 1.323 0 0 0 0-2.645z"
paint-order="markers fill stroke"
/>
<path
fill="url(#k)"
d="M19.286 30.163a1.323 1.323 0 1 0 0 2.644h12.203a1.323 1.323 0 0 0 0-2.644z"
paint-order="markers fill stroke"
/>
<path
fill="#024292"
d="M18.801 15.115v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.322 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.324 0v.263h.529v-.263z"
paint-order="markers fill stroke"
/>
</svg>
More icons in the same style and category