Add icons to this collection by clicking the heart icon.
Mobile Phone icon - also known as phone, mobile phone, security, lock, secure, mobile, protect, electronics, and device. 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 32 32"
>
<linearGradient
id="a"
x1="3"
x2="23"
y1="15"
y2="15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eee" />
<stop offset=".48" stop-color="#afafaf" />
<stop offset="1" stop-color="#616161" />
</linearGradient>
<linearGradient
id="b"
x1="5"
x2="21"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3e5fc" />
<stop offset="1" stop-color="#72c1e8" />
</linearGradient>
<linearGradient
id="c"
x1="11"
x2="15"
y1="25"
y2="25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eee" />
<stop offset="1" stop-color="#afafaf" />
</linearGradient>
<linearGradient
id="d"
x1="18"
x2="26"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecb3" />
<stop offset=".48" stop-color="#f0c020" />
<stop offset="1" stop-color="#ffa000" />
</linearGradient>
<linearGradient
id="e"
x1="20"
x2="24"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa000" />
<stop offset=".52" stop-color="#f0c020" />
<stop offset="1" stop-color="#ffecb3" />
</linearGradient>
<linearGradient
id="f"
x1="15"
x2="29"
y1="25"
y2="25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecb3" />
<stop offset="1" stop-color="#f0c020" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M22 2H4a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5h2a1 1 0 0 0 1-1v-1a2 2 0 0 1 2-2 1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"
/>
<path
d="M6 28H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h2a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1zM15 22h2v5a1 1 0 0 1-1 1h-2a1 1 0 0 0 1-1z"
opacity=".14"
/>
<path
fill="#fff"
d="M23 3v14a1 1 0 0 1-1 1 2 2 0 0 0-2 2v1a1 1 0 0 1-1 1h-2a1 1 0 0 0 1-1v-1a2 2 0 0 1 2-2 1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h2a1 1 0 0 1 1 1z"
opacity=".09"
/>
<path
fill="url(#b)"
d="M21 5.06v13.21A2 2 0 0 0 20 20h1v.94A1.1 1.1 0 0 1 19.86 22H6.14A1.1 1.1 0 0 1 5 20.94V5.06A1.1 1.1 0 0 1 6.14 4h13.72A1.1 1.1 0 0 1 21 5.06z"
/>
<circle cx="13" cy="25" r="2" fill="url(#c)" />
<circle cx="13" cy="25" r="1" fill="#fff" />
<path
fill="url(#d)"
d="M24.83 17.17A4 4 0 0 0 22 16a3.66 3.66 0 0 0-1 .13A4 4 0 0 0 18 20v1a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-1a4 4 0 0 0-1.17-2.83zM20 20a2 2 0 0 1 4 0z"
/>
<path
fill="#f57c00"
d="M23.41 18.59A2 2 0 0 0 20 20h.27a2 2 0 0 1 .73-.73 2 2 0 0 1 2.41.32 1.77 1.77 0 0 1 .31.41H24a2 2 0 0 0-.59-1.41z"
/>
<path
fill="url(#e)"
d="M23.41 18.59A2 2 0 0 0 20 20h.27a2 2 0 0 1 .73-.73 2 2 0 0 1 2.41.32 1.77 1.77 0 0 1 .31.41H24a2 2 0 0 0-.59-1.41z"
/>
<rect width="14" height="10" x="15" y="20" fill="url(#f)" rx="1" />
<path
d="M18 30h-2a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1z"
opacity=".14"
/>
<path
fill="#fff"
d="M29 21v8a1 1 0 0 1-1 1h-2a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h2a1 1 0 0 1 1 1z"
opacity=".29"
/>
<path
d="M22 28a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
opacity=".14"
/>
<g fill="#fff">
<path d="M22 27a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z" />
<path
d="M18.59 4 5 17.59v-7.08L11.51 4zM21 5.06v6.43L10.49 22H6.14A1.1 1.1 0 0 1 5 20.94v-.53L20.86 4.55a1 1 0 0 1 .14.51z"
opacity=".41"
/>
</g>
</g>
</svg>
More icons in the same style and category