Add icons to this collection by clicking the heart icon.
Development icon - also known as smartphone, mobile phone, web design, development, cellphone, design, ui, coding, app, communications, app development, art and design, and edit tools. Created in a clean lineal 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"
>
<defs>
<linearGradient
id="a"
x1="32"
x2="32"
y1=".937"
y2="64.861"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="24"
x2="24"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="c"
x1="40"
x2="40"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="d"
x1="49"
x2="49"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="e"
x1="11"
x2="11"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="f"
x1="17.5"
x2="17.5"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="g"
x1="15.5"
x2="15.5"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="h"
x1="14"
x2="14"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="i"
x1="50"
x2="50"
y1=".937"
y2="64.861"
href="#a"
/>
</defs>
<g>
<path d="M31 52h2v2h-2z" fill="url(#a)" />
<path
d="M22 23h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1Zm1-4h2v2h-2Z"
fill="url(#b)"
/>
<path
d="M30 23h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1Zm1-4h2v2h-2Z"
fill="url(#a)"
/>
<path
d="M27 30v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1Zm-2-1h-2v-2h2Z"
fill="url(#b)"
/>
<path
d="M30 31h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1Zm1-4h2v2h-2ZM30 39h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1Zm1-4h2v2h-2Z"
fill="url(#a)"
/>
<path
d="M38 39h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1Zm1-4h2v2h-2Z"
fill="url(#c)"
/>
<path
d="M30 47h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1Zm1-4h2v2h-2Z"
fill="url(#a)"
/>
<path
d="M38 47h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1Zm1-4h2v2h-2Z"
fill="url(#c)"
/>
<path d="M29 10h6v2h-6z" fill="url(#a)" />
<path
d="M44.474 26.851a1 1 0 0 0 .973.044l8-4a1 1 0 0 0 0-1.79l-8-4A1 1 0 0 0 44 18v8a1 1 0 0 0 .474.851ZM46 19.618 50.764 22 46 24.382Z"
fill="url(#d)"
/>
<path
d="M6 34v16a1 1 0 0 0 1 1h10v3a4 4 0 0 0 4 4h22a4 4 0 0 0 4-4V31h10a1 1 0 0 0 1-1V14a1 1 0 0 0-1-1H47v-3a4 4 0 0 0-4-4H21a4 4 0 0 0-4 4v23H7a1 1 0 0 0-1 1Zm50-5H41v-7a1 1 0 0 0-.293-.707L39.414 20l1.293-1.293A1 1 0 0 0 41 18v-3h15ZM19 10a2 2 0 0 1 2-2h22a2 2 0 0 1 2 2v3h-5a1 1 0 0 0-1 1v3.586l-1.707 1.707a1 1 0 0 0 0 1.414L39 22.414V30a1 1 0 0 0 1 1h5v23a2 2 0 0 1-2 2H21a2 2 0 0 1-2-2v-3h5a1 1 0 0 0 1-1v-3.586l1.707-1.707a1 1 0 0 0 0-1.414L25 41.586V34a1 1 0 0 0-1-1h-5ZM8 35h15v7a1 1 0 0 0 .293.707L24.586 44l-1.293 1.293A1 1 0 0 0 23 46v3H8Z"
fill="url(#a)"
/>
<path d="M10 37h2v2h-2z" fill="url(#e)" />
<path d="M14 37h7v2h-7z" fill="url(#f)" />
<path d="M10 41h11v2H10zM10 45h11v2H10z" fill="url(#g)" />
<path d="M13 14h2v16h-2z" fill="url(#h)" />
<path d="M49 34h2v14h-2zM49 50h2v2h-2z" fill="url(#i)" />
</g>
</svg>
More icons in the same style and category