smartphone 2 icon

smartphone-2-bold-duotone from Solar by 480 Design · Bold Duotone · Devices · CC-BY-4.0 Attribution required.

Name
smartphone-2-bold-duotone
Set
Solar
Style
Bold Duotone
Category
Devices
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

smartphone-2-boldsmartphone-2-brokensmartphone-2-line-duotonesmartphone-2-linearsmartphone-2-outline

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 smartphone 2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5.17157 3.17157C4 4.34315 4 6.22876 4 10V14C4 17.7712 4 19.6569 5.17157 20.8284C6.34315 22 8.22876 22 12 22C15.7712 22 17.6569 22 18.8284 20.8284C20 19.6569 20 17.7712 20 14V10C20 6.22876 20 4.34315 18.8284 3.17157C17.6569 2 15.7712 2 12 2C8.22876 2 6.34315 2 5.17157 3.17157Z" opacity=".5"/><path d="M9 4.25C8.58579 4.25 8.25 4.58579 8.25 5C8.25 5.41421 8.58579 5.75 9 5.75H15C15.4142 5.75 15.75 5.41421 15.75 5C15.75 4.58579 15.4142 4.25 15 4.25H9Z"/><path d="M12 19C13.1046 19 14 18.1046 14 17C14 15.8954 13.1046 15 12 15C10.8954 15 10 15.8954 10 17C10 18.1046 10.8954 19 12 19Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarSmartphone2BoldDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5.17157 3.17157C4 4.34315 4 6.22876 4 10V14C4 17.7712 4 19.6569 5.17157 20.8284C6.34315 22 8.22876 22 12 22C15.7712 22 17.6569 22 18.8284 20.8284C20 19.6569 20 17.7712 20 14V10C20 6.22876 20 4.34315 18.8284 3.17157C17.6569 2 15.7712 2 12 2C8.22876 2 6.34315 2 5.17157 3.17157Z" opacity=".5"/><path d="M9 4.25C8.58579 4.25 8.25 4.58579 8.25 5C8.25 5.41421 8.58579 5.75 9 5.75H15C15.4142 5.75 15.75 5.41421 15.75 5C15.75 4.58579 15.4142 4.25 15 4.25H9Z"/><path d="M12 19C13.1046 19 14 18.1046 14 17C14 15.8954 13.1046 15 12 15C10.8954 15 10 15.8954 10 17C10 18.1046 10.8954 19 12 19Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5.17157 3.17157C4 4.34315 4 6.22876 4 10V14C4 17.7712 4 19.6569 5.17157 20.8284C6.34315 22 8.22876 22 12 22C15.7712 22 17.6569 22 18.8284 20.8284C20 19.6569 20 17.7712 20 14V10C20 6.22876 20 4.34315 18.8284 3.17157C17.6569 2 15.7712 2 12 2C8.22876 2 6.34315 2 5.17157 3.17157Z" opacity=".5"/><path d="M9 4.25C8.58579 4.25 8.25 4.58579 8.25 5C8.25 5.41421 8.58579 5.75 9 5.75H15C15.4142 5.75 15.75 5.41421 15.75 5C15.75 4.58579 15.4142 4.25 15 4.25H9Z"/><path d="M12 19C13.1046 19 14 18.1046 14 17C14 15.8954 13.1046 15 12 15C10.8954 15 10 15.8954 10 17C10 18.1046 10.8954 19 12 19Z"/></g></svg>
</template>

CSS

.icon-smartphone-2-bold-duotone {
  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%22currentColor%22%3E%3Cpath%20d%3D%22M5.17157%203.17157C4%204.34315%204%206.22876%204%2010V14C4%2017.7712%204%2019.6569%205.17157%2020.8284C6.34315%2022%208.22876%2022%2012%2022C15.7712%2022%2017.6569%2022%2018.8284%2020.8284C20%2019.6569%2020%2017.7712%2020%2014V10C20%206.22876%2020%204.34315%2018.8284%203.17157C17.6569%202%2015.7712%202%2012%202C8.22876%202%206.34315%202%205.17157%203.17157Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M9%204.25C8.58579%204.25%208.25%204.58579%208.25%205C8.25%205.41421%208.58579%205.75%209%205.75H15C15.4142%205.75%2015.75%205.41421%2015.75%205C15.75%204.58579%2015.4142%204.25%2015%204.25H9Z%22%2F%3E%3Cpath%20d%3D%22M12%2019C13.1046%2019%2014%2018.1046%2014%2017C14%2015.8954%2013.1046%2015%2012%2015C10.8954%2015%2010%2015.8954%2010%2017C10%2018.1046%2010.8954%2019%2012%2019Z%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%22currentColor%22%3E%3Cpath%20d%3D%22M5.17157%203.17157C4%204.34315%204%206.22876%204%2010V14C4%2017.7712%204%2019.6569%205.17157%2020.8284C6.34315%2022%208.22876%2022%2012%2022C15.7712%2022%2017.6569%2022%2018.8284%2020.8284C20%2019.6569%2020%2017.7712%2020%2014V10C20%206.22876%2020%204.34315%2018.8284%203.17157C17.6569%202%2015.7712%202%2012%202C8.22876%202%206.34315%202%205.17157%203.17157Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M9%204.25C8.58579%204.25%208.25%204.58579%208.25%205C8.25%205.41421%208.58579%205.75%209%205.75H15C15.4142%205.75%2015.75%205.41421%2015.75%205C15.75%204.58579%2015.4142%204.25%2015%204.25H9Z%22%2F%3E%3Cpath%20d%3D%22M12%2019C13.1046%2019%2014%2018.1046%2014%2017C14%2015.8954%2013.1046%2015%2012%2015C10.8954%2015%2010%2015.8954%2010%2017C10%2018.1046%2010.8954%2019%2012%2019Z%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/smartphone-2-bold-duotone.svg?color=%231a73e8&size=48