i phone icon
i-phone-linear from Solar by 480 Design · Linear · Devices · CC-BY-4.0 Attribution required.
- Name
- i-phone-linear
- Set
- Solar
- Style
- Linear
- Category
- Devices
- Viewbox
- 24×24
- License
- CC BY 4.0
- Aliases
- iphone-linear
5 other variants in Solar
More devices icons from Solar
airbuds-boldairbuds-case-boldairbuds-case-charge-boldairbuds-case-minimalistic-boldairbuds-case-open-boldairbuds-charge-boldairbuds-check-boldairbuds-left-boldairbuds-remove-boldairbuds-right-boldbinoculars-boldbluetooth-boldbluetooth-circle-boldbluetooth-square-boldbluetooth-wave-boldboombox-boldbot-boldcassette-2-boldcassette-boldcloud-storage-boldcpu-boldcpu-bolt-bolddevices-bolddiskette-bold
Use the i phone icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 10C4 6.22876 4 4.34315 5.17157 3.17157C6.34315 2 8.22876 2 12 2C15.7712 2 17.6569 2 18.8284 3.17157C20 4.34315 20 6.22876 20 10V14C20 17.7712 20 19.6569 18.8284 20.8284C17.6569 22 15.7712 22 12 22C8.22876 22 6.34315 22 5.17157 20.8284C4 19.6569 4 17.7712 4 14V10Z"/><path stroke-linecap="round" d="M15 19H9"/><path stroke-linecap="round" d="M16.7484 2.37793L16.6643 2.5041C15.9082 3.63818 15.5302 4.20525 14.978 4.54836C14.8682 4.61658 14.7541 4.67764 14.6365 4.73115C14.0447 5.00025 13.3632 5.00025 12.0002 5.00025C10.6371 5.00025 9.95564 5.00025 9.36387 4.73115C9.2462 4.67764 9.13211 4.61658 9.02232 4.54836C8.47016 4.20524 8.09213 3.6382 7.33606 2.5041L7.25195 2.37793"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarIPhoneLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M4 10C4 6.22876 4 4.34315 5.17157 3.17157C6.34315 2 8.22876 2 12 2C15.7712 2 17.6569 2 18.8284 3.17157C20 4.34315 20 6.22876 20 10V14C20 17.7712 20 19.6569 18.8284 20.8284C17.6569 22 15.7712 22 12 22C8.22876 22 6.34315 22 5.17157 20.8284C4 19.6569 4 17.7712 4 14V10Z"/><path strokeLinecap="round" d="M15 19H9"/><path strokeLinecap="round" d="M16.7484 2.37793L16.6643 2.5041C15.9082 3.63818 15.5302 4.20525 14.978 4.54836C14.8682 4.61658 14.7541 4.67764 14.6365 4.73115C14.0447 5.00025 13.3632 5.00025 12.0002 5.00025C10.6371 5.00025 9.95564 5.00025 9.36387 4.73115C9.2462 4.67764 9.13211 4.61658 9.02232 4.54836C8.47016 4.20524 8.09213 3.6382 7.33606 2.5041L7.25195 2.37793"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 10C4 6.22876 4 4.34315 5.17157 3.17157C6.34315 2 8.22876 2 12 2C15.7712 2 17.6569 2 18.8284 3.17157C20 4.34315 20 6.22876 20 10V14C20 17.7712 20 19.6569 18.8284 20.8284C17.6569 22 15.7712 22 12 22C8.22876 22 6.34315 22 5.17157 20.8284C4 19.6569 4 17.7712 4 14V10Z"/><path stroke-linecap="round" d="M15 19H9"/><path stroke-linecap="round" d="M16.7484 2.37793L16.6643 2.5041C15.9082 3.63818 15.5302 4.20525 14.978 4.54836C14.8682 4.61658 14.7541 4.67764 14.6365 4.73115C14.0447 5.00025 13.3632 5.00025 12.0002 5.00025C10.6371 5.00025 9.95564 5.00025 9.36387 4.73115C9.2462 4.67764 9.13211 4.61658 9.02232 4.54836C8.47016 4.20524 8.09213 3.6382 7.33606 2.5041L7.25195 2.37793"/></g></svg> </template>
CSS
.icon-i-phone-linear {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M4%2010C4%206.22876%204%204.34315%205.17157%203.17157C6.34315%202%208.22876%202%2012%202C15.7712%202%2017.6569%202%2018.8284%203.17157C20%204.34315%2020%206.22876%2020%2010V14C20%2017.7712%2020%2019.6569%2018.8284%2020.8284C17.6569%2022%2015.7712%2022%2012%2022C8.22876%2022%206.34315%2022%205.17157%2020.8284C4%2019.6569%204%2017.7712%204%2014V10Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2019H9%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M16.7484%202.37793L16.6643%202.5041C15.9082%203.63818%2015.5302%204.20525%2014.978%204.54836C14.8682%204.61658%2014.7541%204.67764%2014.6365%204.73115C14.0447%205.00025%2013.3632%205.00025%2012.0002%205.00025C10.6371%205.00025%209.95564%205.00025%209.36387%204.73115C9.2462%204.67764%209.13211%204.61658%209.02232%204.54836C8.47016%204.20524%208.09213%203.6382%207.33606%202.5041L7.25195%202.37793%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M4%2010C4%206.22876%204%204.34315%205.17157%203.17157C6.34315%202%208.22876%202%2012%202C15.7712%202%2017.6569%202%2018.8284%203.17157C20%204.34315%2020%206.22876%2020%2010V14C20%2017.7712%2020%2019.6569%2018.8284%2020.8284C17.6569%2022%2015.7712%2022%2012%2022C8.22876%2022%206.34315%2022%205.17157%2020.8284C4%2019.6569%204%2017.7712%204%2014V10Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2019H9%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M16.7484%202.37793L16.6643%202.5041C15.9082%203.63818%2015.5302%204.20525%2014.978%204.54836C14.8682%204.61658%2014.7541%204.67764%2014.6365%204.73115C14.0447%205.00025%2013.3632%205.00025%2012.0002%205.00025C10.6371%205.00025%209.95564%205.00025%209.36387%204.73115C9.2462%204.67764%209.13211%204.61658%209.02232%204.54836C8.47016%204.20524%208.09213%203.6382%207.33606%202.5041L7.25195%202.37793%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/i-phone-linear.svg?color=%231a73e8&size=48
