iphone icon

iphone from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: iphone
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

The same icon in other sets

iphoneElement Plus iphoneIconPark iphoneIconPark Outline iphoneIconPark Solid iphoneIconPark TwoTone iphone-bold-duotoneSolar

Use the iphone icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M328.2 64H183.8C170.7 64 160 74.7 160 87.9v336.3c0 13.1 10.7 23.8 23.8 23.8h144.3c13.1 0 23.8-10.7 23.8-23.8V87.9C352 74.7 341.3 64 328.2 64zM240 99.9c0-2.1 1.7-3.9 3.9-3.9h24.3c2.1 0 3.9 1.7 3.9 3.9v.3c0 2.1-1.7 3.9-3.9 3.9h-24.3c-2.1 0-3.9-1.7-3.9-3.9v-.3zM228 96c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4zm28 336.1c-8.9 0-16.1-7.2-16.1-16.1 0-8.9 7.2-16.1 16.1-16.1 8.9 0 16.1 7.2 16.1 16.1 0 8.9-7.3 16.1-16.1 16.1zm80-48.1H176V128h160v256z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonIphone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M328.2 64H183.8C170.7 64 160 74.7 160 87.9v336.3c0 13.1 10.7 23.8 23.8 23.8h144.3c13.1 0 23.8-10.7 23.8-23.8V87.9C352 74.7 341.3 64 328.2 64zM240 99.9c0-2.1 1.7-3.9 3.9-3.9h24.3c2.1 0 3.9 1.7 3.9 3.9v.3c0 2.1-1.7 3.9-3.9 3.9h-24.3c-2.1 0-3.9-1.7-3.9-3.9v-.3zM228 96c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4zm28 336.1c-8.9 0-16.1-7.2-16.1-16.1 0-8.9 7.2-16.1 16.1-16.1 8.9 0 16.1 7.2 16.1 16.1 0 8.9-7.3 16.1-16.1 16.1zm80-48.1H176V128h160v256z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M328.2 64H183.8C170.7 64 160 74.7 160 87.9v336.3c0 13.1 10.7 23.8 23.8 23.8h144.3c13.1 0 23.8-10.7 23.8-23.8V87.9C352 74.7 341.3 64 328.2 64zM240 99.9c0-2.1 1.7-3.9 3.9-3.9h24.3c2.1 0 3.9 1.7 3.9 3.9v.3c0 2.1-1.7 3.9-3.9 3.9h-24.3c-2.1 0-3.9-1.7-3.9-3.9v-.3zM228 96c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4zm28 336.1c-8.9 0-16.1-7.2-16.1-16.1 0-8.9 7.2-16.1 16.1-16.1 8.9 0 16.1 7.2 16.1 16.1 0 8.9-7.3 16.1-16.1 16.1zm80-48.1H176V128h160v256z" fill="currentColor"/></svg>
</template>

CSS

.icon-iphone {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M328.2%2064H183.8C170.7%2064%20160%2074.7%20160%2087.9v336.3c0%2013.1%2010.7%2023.8%2023.8%2023.8h144.3c13.1%200%2023.8-10.7%2023.8-23.8V87.9C352%2074.7%20341.3%2064%20328.2%2064zM240%2099.9c0-2.1%201.7-3.9%203.9-3.9h24.3c2.1%200%203.9%201.7%203.9%203.9v.3c0%202.1-1.7%203.9-3.9%203.9h-24.3c-2.1%200-3.9-1.7-3.9-3.9v-.3zM228%2096c2.2%200%204%201.8%204%204s-1.8%204-4%204-4-1.8-4-4%201.8-4%204-4zm28%20336.1c-8.9%200-16.1-7.2-16.1-16.1%200-8.9%207.2-16.1%2016.1-16.1%208.9%200%2016.1%207.2%2016.1%2016.1%200%208.9-7.3%2016.1-16.1%2016.1zm80-48.1H176V128h160v256z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M328.2%2064H183.8C170.7%2064%20160%2074.7%20160%2087.9v336.3c0%2013.1%2010.7%2023.8%2023.8%2023.8h144.3c13.1%200%2023.8-10.7%2023.8-23.8V87.9C352%2074.7%20341.3%2064%20328.2%2064zM240%2099.9c0-2.1%201.7-3.9%203.9-3.9h24.3c2.1%200%203.9%201.7%203.9%203.9v.3c0%202.1-1.7%203.9-3.9%203.9h-24.3c-2.1%200-3.9-1.7-3.9-3.9v-.3zM228%2096c2.2%200%204%201.8%204%204s-1.8%204-4%204-4-1.8-4-4%201.8-4%204-4zm28%20336.1c-8.9%200-16.1-7.2-16.1-16.1%200-8.9%207.2-16.1%2016.1-16.1%208.9%200%2016.1%207.2%2016.1%2016.1%200%208.9-7.3%2016.1-16.1%2016.1zm80-48.1H176V128h160v256z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/iphone.svg?color=%231a73e8&size=48