i phone icon
i-phone-broken from Solar by 480 Design · Broken · Devices · CC-BY-4.0 Attribution required.
- Name
- i-phone-broken
- Set
- Solar
- Style
- Broken
- Category
- Devices
- Viewbox
- 24×24
- License
- CC BY 4.0
- Aliases
- iphone-broken
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-linecap="round" stroke-width="1.5"><path d="M20 14C20 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 14V10C4 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 10"/><path d="M15 19H9"/><path d="M16.7481 2.37793L16.664 2.5041C15.908 3.63818 15.5299 4.20525 14.9778 4.54836C14.868 4.61658 14.7539 4.67764 14.6362 4.73115C14.0444 5.00025 13.3629 5.00025 11.9999 5.00025C10.6369 5.00025 9.95539 5.00025 9.36363 4.73115C9.24596 4.67764 9.13187 4.61658 9.02207 4.54836C8.46992 4.20524 8.09189 3.6382 7.33582 2.5041L7.25171 2.37793"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarIPhoneBroken(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" strokeLinecap="round" strokeWidth="1.5"><path d="M20 14C20 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 14V10C4 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 10"/><path d="M15 19H9"/><path d="M16.7481 2.37793L16.664 2.5041C15.908 3.63818 15.5299 4.20525 14.9778 4.54836C14.868 4.61658 14.7539 4.67764 14.6362 4.73115C14.0444 5.00025 13.3629 5.00025 11.9999 5.00025C10.6369 5.00025 9.95539 5.00025 9.36363 4.73115C9.24596 4.67764 9.13187 4.61658 9.02207 4.54836C8.46992 4.20524 8.09189 3.6382 7.33582 2.5041L7.25171 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-linecap="round" stroke-width="1.5"><path d="M20 14C20 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 14V10C4 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 10"/><path d="M15 19H9"/><path d="M16.7481 2.37793L16.664 2.5041C15.908 3.63818 15.5299 4.20525 14.9778 4.54836C14.868 4.61658 14.7539 4.67764 14.6362 4.73115C14.0444 5.00025 13.3629 5.00025 11.9999 5.00025C10.6369 5.00025 9.95539 5.00025 9.36363 4.73115C9.24596 4.67764 9.13187 4.61658 9.02207 4.54836C8.46992 4.20524 8.09189 3.6382 7.33582 2.5041L7.25171 2.37793"/></g></svg> </template>
CSS
.icon-i-phone-broken {
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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20%2014C20%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%2014V10C4%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%2010%22%2F%3E%3Cpath%20d%3D%22M15%2019H9%22%2F%3E%3Cpath%20d%3D%22M16.7481%202.37793L16.664%202.5041C15.908%203.63818%2015.5299%204.20525%2014.9778%204.54836C14.868%204.61658%2014.7539%204.67764%2014.6362%204.73115C14.0444%205.00025%2013.3629%205.00025%2011.9999%205.00025C10.6369%205.00025%209.95539%205.00025%209.36363%204.73115C9.24596%204.67764%209.13187%204.61658%209.02207%204.54836C8.46992%204.20524%208.09189%203.6382%207.33582%202.5041L7.25171%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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20%2014C20%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%2014V10C4%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%2010%22%2F%3E%3Cpath%20d%3D%22M15%2019H9%22%2F%3E%3Cpath%20d%3D%22M16.7481%202.37793L16.664%202.5041C15.908%203.63818%2015.5299%204.20525%2014.9778%204.54836C14.868%204.61658%2014.7539%204.67764%2014.6362%204.73115C14.0444%205.00025%2013.3629%205.00025%2011.9999%205.00025C10.6369%205.00025%209.95539%205.00025%209.36363%204.73115C9.24596%204.67764%209.13187%204.61658%209.02207%204.54836C8.46992%204.20524%208.09189%203.6382%207.33582%202.5041L7.25171%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-broken.svg?color=%231a73e8&size=48
