phone rotate icon
phone-rotate-filled from Reicon by REICON · Filled · Devices · MIT Free for personal and commercial use.
- Name
- phone-rotate-filled
- Set
- Reicon
- Style
- Filled
- Category
- Devices
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More devices icons from Reicon
Use the phone rotate icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.847 3.57C2 4.417 2 5.78 2 8.506v7.71c0 2.727 0 4.09.847 4.937S5.057 22 7.783 22h.964c2.726 0 4.09 0 4.936-.847s.847-2.21.847-4.936v-7.71c0-2.727 0-4.09-.847-4.937s-2.21-.847-4.936-.847h-.964c-2.726 0-4.09 0-4.936.847m3.008 1.322a.723.723 0 1 0 0 1.445h4.82a.723.723 0 0 0 0-1.445zm2.41 14.216a1.446 1.446 0 1 0 0-2.891a1.446 1.446 0 0 0 0 2.891m13.012-2.891c0 2.726 0 4.089-.847 4.936c-.451.45-1.682.664-2.982.765c-.89.069-1.336.103-1.645-.183s-.309-.755-.309-1.691v-7.642c0-.937 0-1.405.308-1.691s.754-.253 1.646-.187c1.3.097 2.531.305 2.982.756c.847.847.847 2.21.847 4.937m-2.169-1.928a.723.723 0 1 0-1.445 0v3.856a.723.723 0 1 0 1.445 0zM15.745 2.602a.723.723 0 0 1 .834-.592C19.663 2.535 22 5.25 22 8.506a.723.723 0 0 1-1.128.599l-1.445-.977a.723.723 0 1 1 .81-1.198l.095.065c-.556-1.84-2.1-3.237-3.995-3.56a.723.723 0 0 1-.592-.833" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconPhoneRotateFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M2.847 3.57C2 4.417 2 5.78 2 8.506v7.71c0 2.727 0 4.09.847 4.937S5.057 22 7.783 22h.964c2.726 0 4.09 0 4.936-.847s.847-2.21.847-4.936v-7.71c0-2.727 0-4.09-.847-4.937s-2.21-.847-4.936-.847h-.964c-2.726 0-4.09 0-4.936.847m3.008 1.322a.723.723 0 1 0 0 1.445h4.82a.723.723 0 0 0 0-1.445zm2.41 14.216a1.446 1.446 0 1 0 0-2.891a1.446 1.446 0 0 0 0 2.891m13.012-2.891c0 2.726 0 4.089-.847 4.936c-.451.45-1.682.664-2.982.765c-.89.069-1.336.103-1.645-.183s-.309-.755-.309-1.691v-7.642c0-.937 0-1.405.308-1.691s.754-.253 1.646-.187c1.3.097 2.531.305 2.982.756c.847.847.847 2.21.847 4.937m-2.169-1.928a.723.723 0 1 0-1.445 0v3.856a.723.723 0 1 0 1.445 0zM15.745 2.602a.723.723 0 0 1 .834-.592C19.663 2.535 22 5.25 22 8.506a.723.723 0 0 1-1.128.599l-1.445-.977a.723.723 0 1 1 .81-1.198l.095.065c-.556-1.84-2.1-3.237-3.995-3.56a.723.723 0 0 1-.592-.833" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.847 3.57C2 4.417 2 5.78 2 8.506v7.71c0 2.727 0 4.09.847 4.937S5.057 22 7.783 22h.964c2.726 0 4.09 0 4.936-.847s.847-2.21.847-4.936v-7.71c0-2.727 0-4.09-.847-4.937s-2.21-.847-4.936-.847h-.964c-2.726 0-4.09 0-4.936.847m3.008 1.322a.723.723 0 1 0 0 1.445h4.82a.723.723 0 0 0 0-1.445zm2.41 14.216a1.446 1.446 0 1 0 0-2.891a1.446 1.446 0 0 0 0 2.891m13.012-2.891c0 2.726 0 4.089-.847 4.936c-.451.45-1.682.664-2.982.765c-.89.069-1.336.103-1.645-.183s-.309-.755-.309-1.691v-7.642c0-.937 0-1.405.308-1.691s.754-.253 1.646-.187c1.3.097 2.531.305 2.982.756c.847.847.847 2.21.847 4.937m-2.169-1.928a.723.723 0 1 0-1.445 0v3.856a.723.723 0 1 0 1.445 0zM15.745 2.602a.723.723 0 0 1 .834-.592C19.663 2.535 22 5.25 22 8.506a.723.723 0 0 1-1.128.599l-1.445-.977a.723.723 0 1 1 .81-1.198l.095.065c-.556-1.84-2.1-3.237-3.995-3.56a.723.723 0 0 1-.592-.833" clip-rule="evenodd"/></svg> </template>
CSS
.icon-phone-rotate-filled {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.847%203.57C2%204.417%202%205.78%202%208.506v7.71c0%202.727%200%204.09.847%204.937S5.057%2022%207.783%2022h.964c2.726%200%204.09%200%204.936-.847s.847-2.21.847-4.936v-7.71c0-2.727%200-4.09-.847-4.937s-2.21-.847-4.936-.847h-.964c-2.726%200-4.09%200-4.936.847m3.008%201.322a.723.723%200%201%200%200%201.445h4.82a.723.723%200%200%200%200-1.445zm2.41%2014.216a1.446%201.446%200%201%200%200-2.891a1.446%201.446%200%200%200%200%202.891m13.012-2.891c0%202.726%200%204.089-.847%204.936c-.451.45-1.682.664-2.982.765c-.89.069-1.336.103-1.645-.183s-.309-.755-.309-1.691v-7.642c0-.937%200-1.405.308-1.691s.754-.253%201.646-.187c1.3.097%202.531.305%202.982.756c.847.847.847%202.21.847%204.937m-2.169-1.928a.723.723%200%201%200-1.445%200v3.856a.723.723%200%201%200%201.445%200zM15.745%202.602a.723.723%200%200%201%20.834-.592C19.663%202.535%2022%205.25%2022%208.506a.723.723%200%200%201-1.128.599l-1.445-.977a.723.723%200%201%201%20.81-1.198l.095.065c-.556-1.84-2.1-3.237-3.995-3.56a.723.723%200%200%201-.592-.833%22%20clip-rule%3D%22evenodd%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.847%203.57C2%204.417%202%205.78%202%208.506v7.71c0%202.727%200%204.09.847%204.937S5.057%2022%207.783%2022h.964c2.726%200%204.09%200%204.936-.847s.847-2.21.847-4.936v-7.71c0-2.727%200-4.09-.847-4.937s-2.21-.847-4.936-.847h-.964c-2.726%200-4.09%200-4.936.847m3.008%201.322a.723.723%200%201%200%200%201.445h4.82a.723.723%200%200%200%200-1.445zm2.41%2014.216a1.446%201.446%200%201%200%200-2.891a1.446%201.446%200%200%200%200%202.891m13.012-2.891c0%202.726%200%204.089-.847%204.936c-.451.45-1.682.664-2.982.765c-.89.069-1.336.103-1.645-.183s-.309-.755-.309-1.691v-7.642c0-.937%200-1.405.308-1.691s.754-.253%201.646-.187c1.3.097%202.531.305%202.982.756c.847.847.847%202.21.847%204.937m-2.169-1.928a.723.723%200%201%200-1.445%200v3.856a.723.723%200%201%200%201.445%200zM15.745%202.602a.723.723%200%200%201%20.834-.592C19.663%202.535%2022%205.25%2022%208.506a.723.723%200%200%201-1.128.599l-1.445-.977a.723.723%200%201%201%20.81-1.198l.095.065c-.556-1.84-2.1-3.237-3.995-3.56a.723.723%200%200%201-.592-.833%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/phone-rotate-filled.svg?color=%231a73e8&size=48
