Add icons to this collection by clicking the heart icon.
Smartphone icon - also known as technology, smartphone, iphone, mobile phone, touch screen, cellphone, cloud computing, and communications. 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="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-43.722"
        x2="23.715"
        y1="570.779"
        y2="638.213"
        gradientTransform="matrix(8 0 0 -8 343 5085)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <path
        d="M360 0H152c-22.08.026-39.974 17.92-40 40v432c.026 22.08 17.92 39.974 40 40h208c22.08-.026 39.974-17.92 40-40V40c-.026-22.08-17.92-39.974-40-40zM128 72h256v328H128V72zm24-56h208c13.255 0 24 10.745 24 24v16H128V40c0-13.255 10.745-24 24-24zm208 480H152c-13.255 0-24-10.745-24-24v-56h256v56c0 13.255-10.745 24-24 24z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-31.223"
        x2="36.214"
        y1="558.276"
        y2="625.714"
        gradientTransform="matrix(8 0 0 -8 343 5085)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <path
        d="M256 424c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 48c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="-44.584"
        x2="22.851"
        y1="571.639"
        y2="639.074"
        gradientTransform="matrix(8 0 0 -8 343 5085)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <path
        d="M332.528 203.408c-9.181-36.416-46.145-58.494-82.56-49.313a68 68 0 0 0-49.008 48.145c-23.452-4.665-46.246 10.565-50.911 34.017s10.565 46.246 34.017 50.911c2.768.551 5.584.829 8.406.832h64a8 8 0 0 0 0-16h-64c-15.073.258-27.501-11.752-27.759-26.825-.258-15.073 11.752-27.501 26.825-27.759.311-.005.623-.005.935 0a26.829 26.829 0 0 1 11.272 2.4 8 8 0 0 0 11.288-6.304c3.66-28.485 29.718-48.609 58.202-44.95 22.633 2.908 40.726 20.232 44.614 42.718a8 8 0 0 0 6.512 6.544c14.848 2.682 24.711 16.892 22.03 31.74a27.382 27.382 0 0 1-.99 3.852 8 8 0 0 0 4.641 10.318 8 8 0 0 0 10.511-5.214c7.647-22.66-4.523-47.23-27.183-54.877-.271-.092-.543-.18-.817-.267l-.025.032z"
        fill="url(#c)"
    />
    <linearGradient
        id="d"
        x1="-35.473"
        x2="31.962"
        y1="562.526"
        y2="629.964"
        gradientTransform="matrix(8 0 0 -8 343 5085)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <path
        d="M304 328a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-8a8 8 0 0 0-8-8z"
        fill="url(#d)"
    />
    <linearGradient
        id="e"
        x1="-39.783"
        x2="27.654"
        y1="566.839"
        y2="634.274"
        gradientTransform="matrix(8 0 0 -8 343 5085)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <path
        d="M304 232c-17.673 0-32 14.327-32 32a8 8 0 0 0 16 0c0-8.837 7.163-16 16-16s16 7.163 16 16-7.163 16-16 16a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-17.136c17.081-4.396 27.364-21.807 22.968-38.888C331.332 241.849 318.587 231.982 304 232z"
        fill="url(#e)"
    />
    <linearGradient
        id="f"
        x1="-35.973"
        x2="31.464"
        y1="563.026"
        y2="630.464"
        gradientTransform="matrix(8 0 0 -8 343 5085)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <path d="M160 472h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" fill="url(#f)" />
    <linearGradient
        id="g"
        x1="-50.973"
        x2="16.464"
        y1="578.026"
        y2="645.464"
        gradientTransform="matrix(8 0 0 -8 343 5085)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <path d="M352 48h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" fill="url(#g)" />
    <linearGradient
        id="h"
        x1="-23.866"
        x2="43.565"
        y1="550.926"
        y2="618.361"
        gradientTransform="matrix(8 0 0 -8 343 5085)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <path
        d="M368 440a8 8 0 0 0-8 8v24h-24a8 8 0 0 0 0 16h24c8.837 0 16-7.163 16-16v-24a8 8 0 0 0-8-8z"
        fill="url(#h)"
    />
</svg>
More icons in the same style and category