smartphone rotate angle icon

smartphone-rotate-angle-linear from Solar by 480 Design · Linear · Devices · CC-BY-4.0 Attribution required.

Name
smartphone-rotate-angle-linear
Set
Solar
Style
Linear
Category
Devices
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

smartphone-rotate-angle-boldsmartphone-rotate-angle-bold-duotonesmartphone-rotate-angle-brokensmartphone-rotate-angle-line-duotonesmartphone-rotate-angle-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 rotate angle 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="M15 5H9"/><path stroke-linejoin="round" d="M10.5 20.6435V22L12 20.6875L10.5 19.375V20.6435ZM10.5 20.6435C5.68874 20.3585 2 18.7239 2 16.75C2 16.1214 2.37412 15.5272 3.03947 15M20.9605 15C21.6259 15.5272 22 16.1214 22 16.75C22 18.5847 18.8131 20.1263 14.5 20.5635"/><path d="M5.50174 17C5.5 16.6878 5.5 16.355 5.5 16V8C5.5 5.17157 5.5 3.75736 6.37868 2.87868C7.25736 2 8.67157 2 11.5 2H12.5C15.3284 2 16.7426 2 17.6213 2.87868C18.5 3.75736 18.5 5.17157 18.5 8V16C18.5 16.355 18.5 16.6878 18.4983 17"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarSmartphoneRotateAngleLinear(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="M15 5H9"/><path strokeLinejoin="round" d="M10.5 20.6435V22L12 20.6875L10.5 19.375V20.6435ZM10.5 20.6435C5.68874 20.3585 2 18.7239 2 16.75C2 16.1214 2.37412 15.5272 3.03947 15M20.9605 15C21.6259 15.5272 22 16.1214 22 16.75C22 18.5847 18.8131 20.1263 14.5 20.5635"/><path d="M5.50174 17C5.5 16.6878 5.5 16.355 5.5 16V8C5.5 5.17157 5.5 3.75736 6.37868 2.87868C7.25736 2 8.67157 2 11.5 2H12.5C15.3284 2 16.7426 2 17.6213 2.87868C18.5 3.75736 18.5 5.17157 18.5 8V16C18.5 16.355 18.5 16.6878 18.4983 17"/></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="M15 5H9"/><path stroke-linejoin="round" d="M10.5 20.6435V22L12 20.6875L10.5 19.375V20.6435ZM10.5 20.6435C5.68874 20.3585 2 18.7239 2 16.75C2 16.1214 2.37412 15.5272 3.03947 15M20.9605 15C21.6259 15.5272 22 16.1214 22 16.75C22 18.5847 18.8131 20.1263 14.5 20.5635"/><path d="M5.50174 17C5.5 16.6878 5.5 16.355 5.5 16V8C5.5 5.17157 5.5 3.75736 6.37868 2.87868C7.25736 2 8.67157 2 11.5 2H12.5C15.3284 2 16.7426 2 17.6213 2.87868C18.5 3.75736 18.5 5.17157 18.5 8V16C18.5 16.355 18.5 16.6878 18.4983 17"/></g></svg>
</template>

CSS

.icon-smartphone-rotate-angle-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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M15%205H9%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%2020.6435V22L12%2020.6875L10.5%2019.375V20.6435ZM10.5%2020.6435C5.68874%2020.3585%202%2018.7239%202%2016.75C2%2016.1214%202.37412%2015.5272%203.03947%2015M20.9605%2015C21.6259%2015.5272%2022%2016.1214%2022%2016.75C22%2018.5847%2018.8131%2020.1263%2014.5%2020.5635%22%2F%3E%3Cpath%20d%3D%22M5.50174%2017C5.5%2016.6878%205.5%2016.355%205.5%2016V8C5.5%205.17157%205.5%203.75736%206.37868%202.87868C7.25736%202%208.67157%202%2011.5%202H12.5C15.3284%202%2016.7426%202%2017.6213%202.87868C18.5%203.75736%2018.5%205.17157%2018.5%208V16C18.5%2016.355%2018.5%2016.6878%2018.4983%2017%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%22M15%205H9%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%2020.6435V22L12%2020.6875L10.5%2019.375V20.6435ZM10.5%2020.6435C5.68874%2020.3585%202%2018.7239%202%2016.75C2%2016.1214%202.37412%2015.5272%203.03947%2015M20.9605%2015C21.6259%2015.5272%2022%2016.1214%2022%2016.75C22%2018.5847%2018.8131%2020.1263%2014.5%2020.5635%22%2F%3E%3Cpath%20d%3D%22M5.50174%2017C5.5%2016.6878%205.5%2016.355%205.5%2016V8C5.5%205.17157%205.5%203.75736%206.37868%202.87868C7.25736%202%208.67157%202%2011.5%202H12.5C15.3284%202%2016.7426%202%2017.6213%202.87868C18.5%203.75736%2018.5%205.17157%2018.5%208V16C18.5%2016.355%2018.5%2016.6878%2018.4983%2017%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-rotate-angle-linear.svg?color=%231a73e8&size=48