smartphone rotate orientation icon
smartphone-rotate-orientation-line-duotone from Solar by 480 Design · Line Duotone · Devices · CC-BY-4.0 Attribution required.
- Name
- smartphone-rotate-orientation-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Devices
- Viewbox
- 24×24
- License
- CC BY 4.0
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 smartphone rotate orientation 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="M2 8C2 5.17157 2 3.75736 2.87868 2.87868C3.75736 2 5.17157 2 8 2H9C11.8284 2 13.2426 2 14.1213 2.87868C15 3.75736 15 5.17157 15 8V16C15 18.8284 15 20.2426 14.1213 21.1213C13.2426 22 11.8284 22 9 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16V8Z"/><path stroke-linecap="round" d="M17.5 10.0068C19.3597 10.0337 20.414 10.1717 21.1213 10.879C22 11.7577 22 13.1719 22 16.0003C22 18.8287 22 20.243 21.1213 21.1216C20.414 21.829 19.3597 21.9669 17.5 21.9938"/><path stroke-linecap="round" d="M11 5H6" opacity=".5"/><path stroke-linecap="round" d="M19 18V14" opacity=".5"/><path d="M10 17.5C10 18.3284 9.32843 19 8.5 19C7.67157 19 7 18.3284 7 17.5C7 16.6716 7.67157 16 8.5 16C9.32843 16 10 16.6716 10 17.5Z" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M20.5 6.98598L22 8C22 4.98532 19.8377 2.48275 17 2" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarSmartphoneRotateOrientationLineDuotone(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="M2 8C2 5.17157 2 3.75736 2.87868 2.87868C3.75736 2 5.17157 2 8 2H9C11.8284 2 13.2426 2 14.1213 2.87868C15 3.75736 15 5.17157 15 8V16C15 18.8284 15 20.2426 14.1213 21.1213C13.2426 22 11.8284 22 9 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16V8Z"/><path strokeLinecap="round" d="M17.5 10.0068C19.3597 10.0337 20.414 10.1717 21.1213 10.879C22 11.7577 22 13.1719 22 16.0003C22 18.8287 22 20.243 21.1213 21.1216C20.414 21.829 19.3597 21.9669 17.5 21.9938"/><path strokeLinecap="round" d="M11 5H6" opacity=".5"/><path strokeLinecap="round" d="M19 18V14" opacity=".5"/><path d="M10 17.5C10 18.3284 9.32843 19 8.5 19C7.67157 19 7 18.3284 7 17.5C7 16.6716 7.67157 16 8.5 16C9.32843 16 10 16.6716 10 17.5Z" opacity=".5"/><path strokeLinecap="round" strokeLinejoin="round" d="M20.5 6.98598L22 8C22 4.98532 19.8377 2.48275 17 2" opacity=".5"/></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="M2 8C2 5.17157 2 3.75736 2.87868 2.87868C3.75736 2 5.17157 2 8 2H9C11.8284 2 13.2426 2 14.1213 2.87868C15 3.75736 15 5.17157 15 8V16C15 18.8284 15 20.2426 14.1213 21.1213C13.2426 22 11.8284 22 9 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16V8Z"/><path stroke-linecap="round" d="M17.5 10.0068C19.3597 10.0337 20.414 10.1717 21.1213 10.879C22 11.7577 22 13.1719 22 16.0003C22 18.8287 22 20.243 21.1213 21.1216C20.414 21.829 19.3597 21.9669 17.5 21.9938"/><path stroke-linecap="round" d="M11 5H6" opacity=".5"/><path stroke-linecap="round" d="M19 18V14" opacity=".5"/><path d="M10 17.5C10 18.3284 9.32843 19 8.5 19C7.67157 19 7 18.3284 7 17.5C7 16.6716 7.67157 16 8.5 16C9.32843 16 10 16.6716 10 17.5Z" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M20.5 6.98598L22 8C22 4.98532 19.8377 2.48275 17 2" opacity=".5"/></g></svg> </template>
CSS
.icon-smartphone-rotate-orientation-line-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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%208C2%205.17157%202%203.75736%202.87868%202.87868C3.75736%202%205.17157%202%208%202H9C11.8284%202%2013.2426%202%2014.1213%202.87868C15%203.75736%2015%205.17157%2015%208V16C15%2018.8284%2015%2020.2426%2014.1213%2021.1213C13.2426%2022%2011.8284%2022%209%2022H8C5.17157%2022%203.75736%2022%202.87868%2021.1213C2%2020.2426%202%2018.8284%202%2016V8Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17.5%2010.0068C19.3597%2010.0337%2020.414%2010.1717%2021.1213%2010.879C22%2011.7577%2022%2013.1719%2022%2016.0003C22%2018.8287%2022%2020.243%2021.1213%2021.1216C20.414%2021.829%2019.3597%2021.9669%2017.5%2021.9938%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M11%205H6%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M19%2018V14%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M10%2017.5C10%2018.3284%209.32843%2019%208.5%2019C7.67157%2019%207%2018.3284%207%2017.5C7%2016.6716%207.67157%2016%208.5%2016C9.32843%2016%2010%2016.6716%2010%2017.5Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.5%206.98598L22%208C22%204.98532%2019.8377%202.48275%2017%202%22%20opacity%3D%22.5%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%22M2%208C2%205.17157%202%203.75736%202.87868%202.87868C3.75736%202%205.17157%202%208%202H9C11.8284%202%2013.2426%202%2014.1213%202.87868C15%203.75736%2015%205.17157%2015%208V16C15%2018.8284%2015%2020.2426%2014.1213%2021.1213C13.2426%2022%2011.8284%2022%209%2022H8C5.17157%2022%203.75736%2022%202.87868%2021.1213C2%2020.2426%202%2018.8284%202%2016V8Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17.5%2010.0068C19.3597%2010.0337%2020.414%2010.1717%2021.1213%2010.879C22%2011.7577%2022%2013.1719%2022%2016.0003C22%2018.8287%2022%2020.243%2021.1213%2021.1216C20.414%2021.829%2019.3597%2021.9669%2017.5%2021.9938%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M11%205H6%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M19%2018V14%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M10%2017.5C10%2018.3284%209.32843%2019%208.5%2019C7.67157%2019%207%2018.3284%207%2017.5C7%2016.6716%207.67157%2016%208.5%2016C9.32843%2016%2010%2016.6716%2010%2017.5Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.5%206.98598L22%208C22%204.98532%2019.8377%202.48275%2017%202%22%20opacity%3D%22.5%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-orientation-line-duotone.svg?color=%231a73e8&size=48
