Add icons to this collection by clicking the heart icon.
Smartphone icon - also known as smartphone, time, schedule, calendar, date, organization, and time and date. Created in a clean lineal color style with a white, silver, gray, teal, and orange 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 64 64"
>
<g>
<path d="M62 28v31a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V28Z" fill="#e2e7f6" />
<path d="M2 28v30h53a3 3 0 0 0 3-3V28Z" fill="#f2f2f2" />
<rect width="16" height="26" x="24" y="32" rx="3" fill="#686868" />
<path d="M28 40h8v10h-8z" fill="#e2e7f6" />
<path d="M28 40h6v8h-6z" fill="#f2f2f2" />
<path d="M28 40h8v4h-8z" fill="#5e87ca" />
<path d="M28 40h6v4h-6z" fill="#78a0d4" />
<path d="M62 24H2V9a3 3 0 0 1 3-3h54a3 3 0 0 1 3 3Z" fill="#3b5892" />
<path d="M54 20a4 4 0 0 0 4-4V6H5a3 3 0 0 0-3 3v11Z" fill="#4c6cb5" />
<path d="M2 24h60v4H2z" fill="#c8cded" />
<circle cx="50" cy="15" r="5" fill="#f2f2f2" />
<circle cx="32" cy="15" r="5" fill="#f2f2f2" />
<circle cx="14" cy="15" r="5" fill="#f2f2f2" />
<rect width="4" height="12" x="12" y="2" rx="2" fill="#f4a93c" />
<rect width="4" height="12" x="30" y="2" rx="2" fill="#f4a93c" />
<rect width="4" height="12" x="48" y="2" rx="2" fill="#f4a93c" />
<path d="M6 32h10v6H6z" fill="#9da1bf" />
<path d="M6 32v3h6a1 1 0 0 0 1-1v-2Z" fill="#c8cded" />
<path d="M48 32h10v6H48z" fill="#9da1bf" />
<path d="M48 32v3h6a1 1 0 0 0 1-1v-2Z" fill="#c8cded" />
<path d="M48 42h10v6H48z" fill="#9da1bf" />
<path d="M48 42v3h6a1 1 0 0 0 1-1v-2Z" fill="#c8cded" />
<path d="M6 42h10v6H6z" fill="#9da1bf" />
<path d="M6 42v3h6a1 1 0 0 0 1-1v-2Z" fill="#c8cded" />
<path d="M6 52h10v6H6z" fill="#9da1bf" />
<path d="M6 52v3h6a1 1 0 0 0 1-1v-2Z" fill="#c8cded" />
<path d="M48 52h10v6H48z" fill="#9da1bf" />
<path d="M48 52v3h6a1 1 0 0 0 1-1v-2Z" fill="#c8cded" />
<path
d="M48 4v7.454a2 2 0 0 0 2-2V2a2 2 0 0 0-2 2ZM30 4v7.454a2 2 0 0 0 2-2V2a2 2 0 0 0-2 2ZM12 4v7.454a2 2 0 0 0 2-2V2a2 2 0 0 0-2 2Z"
fill="#f6b940"
/>
<path d="M29 37h2v3h-2zM33 37h2v3h-2z" fill="#f4a93c" />
<path d="M30 53h4v2h-4z" fill="#474747" />
<path
d="M59 5h-6V4a3 3 0 0 0-6 0v1H35V4a3 3 0 0 0-6 0v1H17V4a3 3 0 0 0-6 0v1H5a4 4 0 0 0-4 4v50a4 4 0 0 0 4 4h54a4 4 0 0 0 4-4V9a4 4 0 0 0-4-4Zm-11.967 7.322a2.983 2.983 0 0 0 5.934 0 4 4 0 1 1-5.934 0ZM49 4a1 1 0 0 1 2 0v8a1 1 0 0 1-2 0Zm-19.967 8.322a2.983 2.983 0 0 0 5.934 0 4 4 0 1 1-5.934 0ZM31 4a1 1 0 0 1 2 0v8a1 1 0 0 1-2 0Zm-19.967 8.322a2.983 2.983 0 0 0 5.934 0 4 4 0 1 1-5.934 0ZM13 4a1 1 0 0 1 2 0v8a1 1 0 0 1-2 0ZM5 7h6v2.816a6 6 0 1 0 6 0V7h12v2.816a6 6 0 1 0 6 0V7h12v2.816a6 6 0 1 0 6 0V7h6a2 2 0 0 1 2 2v14H3V9a2 2 0 0 1 2-2Zm56 18v2H3v-2Zm-2 36H5a2 2 0 0 1-2-2V29h58v30a2 2 0 0 1-2 2Z"
/>
<path
d="M16 31H6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-1 6H7v-4h8ZM16 41H6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-1 6H7v-4h8ZM16 51H6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-1 6H7v-4h8ZM58 31H48a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-1 6h-8v-4h8ZM58 41H48a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-1 6h-8v-4h8ZM58 51H48a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-1 6h-8v-4h8ZM37 31H27a4 4 0 0 0-4 4v20a4 4 0 0 0 4 4h10a4 4 0 0 0 4-4V35a4 4 0 0 0-4-4Zm2 24a2 2 0 0 1-2 2H27a2 2 0 0 1-2-2V35a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2Z"
/>
<path
d="M36 39h-1v-2h-2v2h-2v-2h-2v2h-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V40a1 1 0 0 0-1-1Zm-1 2v2h-6v-2Zm-6 8v-4h6v4ZM30 53h4v2h-4z"
/>
</g>
</svg>
More icons in the same style and category