Add icons to this collection by clicking the heart icon.
Smartphone icon - also known as technology, smartphone, mobile phone, touch screen, cellphone, and communications. Created in a clean gradient style with a white 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="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="74.981"
        x2="437.019"
        y1="439.019"
        y2="76.981"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#70e2ff" />
        <stop offset="1" stop-color="#0391c6" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <linearGradient
        id="b"
        x1="156.586"
        x2="355.414"
        y1="128.099"
        y2="128.099"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#0272aa" />
        <stop offset="1" stop-color="#01375f" />
    </linearGradient>
    <path
        d="M256 357.497v-11.362l-16.569 6.628-23.197-6.628 6.628 13.256-66.276 26.51v39.766h198.828v-39.766z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="156.586"
        x2="355.414"
        y1="387.901"
        y2="387.901"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#0272aa" />
        <stop offset="1" stop-color="#01375f" />
    </linearGradient>
    <path
        d="M355.414 86.333H156.586v39.766l66.276 26.51-6.628 13.256 23.197-6.628L256 165.865v-11.362l99.414-28.404z"
        fill="url(#c)"
    />
    <linearGradient
        id="d"
        x1="156.586"
        x2="355.414"
        y1="258"
        y2="258"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffedba" />
        <stop offset="1" stop-color="#ffc65c" />
    </linearGradient>
    <path d="M256 126.099h-99.414v259.802h198.828V126.099z" fill="url(#d)" />
    <linearGradient
        id="e"
        x1="209.62"
        x2="302.4"
        y1="308.37"
        y2="308.37"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9d3d1a" />
        <stop offset="1" stop-color="#3a172b" />
    </linearGradient>
    <circle cx="256.01" cy="205.63" r="46.39" fill="url(#e)" />
    <linearGradient
        id="f"
        x1="181.25"
        x2="311.09"
        y1="195.038"
        y2="195.038"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#01538d" />
        <stop offset="1" stop-color="#001a31" />
    </linearGradient>
    <path
        d="m305.707 271.906-39.766 47.056 39.766 47.056h19.883v-94.112z"
        fill="url(#f)"
    />
    <linearGradient
        id="g"
        x1="181.25"
        x2="311.09"
        y1="195.038"
        y2="195.038"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#01538d" />
        <stop offset="1" stop-color="#001a31" />
    </linearGradient>
    <path
        d="m206.306 271.906 39.766 47.056-39.766 47.056h-19.883v-94.112z"
        fill="url(#g)"
    />
    <path
        d="M265.941 271.906 252.45 284.68l-6.392-12.774h-39.765v94.112h99.414v-94.112z"
        fill="#fff"
    />
    <linearGradient
        id="h"
        x1="246.06"
        x2="265.943"
        y1="204.975"
        y2="204.975"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff94cc" />
        <stop offset="1" stop-color="#ff39a1" />
    </linearGradient>
    <path d="M246.06 271.91h19.883v74.23H246.06z" fill="url(#h)" />
</svg>
More icons in the same style and category