phone rotate icon
phone-rotate-duotone from Reicon by REICON · Duotone · Devices · MIT Free for personal and commercial use.
- Name
- phone-rotate-duotone
- Set
- Reicon
- Style
- Duotone
- 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"><g fill="currentColor"><path d="M20.43 21.152c.847-.847.847-2.21.847-4.936s0-4.09-.847-4.936c-.45-.451-1.681-.66-2.982-.756c-.892-.066-1.338-.1-1.646.187c-.308.286-.308.754-.308 1.69v7.642c0 .937 0 1.405.31 1.691c.308.286.754.252 1.644.183c1.3-.1 2.531-.314 2.982-.765" opacity=".5"/><path d="M19.109 14.29a.723.723 0 0 0-1.446 0v3.855a.723.723 0 1 0 1.446 0z"/><path d="M2 8.506c0-2.726 0-4.09.847-4.936s2.21-.847 4.936-.847h.964c2.726 0 4.09 0 4.936.847c.847.846.847 2.21.847 4.936v7.71c0 2.727 0 4.09-.847 4.937S11.473 22 8.747 22h-.964c-2.726 0-4.09 0-4.936-.847S2 18.943 2 16.217z" opacity=".5"/><path d="M5.856 4.892a.723.723 0 0 0 0 1.445h4.819a.723.723 0 0 0 0-1.445zm2.409 14.216a1.446 1.446 0 1 0 0-2.891a1.446 1.446 0 0 0 0 2.891"/><path fill-rule="evenodd" d="M15.745 2.602a.723.723 0 0 1 .834-.592c3.084.525 5.42 3.24 5.42 6.496a.723.723 0 0 1-1.127.599l-1.446-.977a.723.723 0 0 1 .81-1.198l.096.065c-.556-1.84-2.101-3.237-3.996-3.56a.723.723 0 0 1-.591-.833" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconPhoneRotateDuotone(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="M20.43 21.152c.847-.847.847-2.21.847-4.936s0-4.09-.847-4.936c-.45-.451-1.681-.66-2.982-.756c-.892-.066-1.338-.1-1.646.187c-.308.286-.308.754-.308 1.69v7.642c0 .937 0 1.405.31 1.691c.308.286.754.252 1.644.183c1.3-.1 2.531-.314 2.982-.765" opacity=".5"/><path d="M19.109 14.29a.723.723 0 0 0-1.446 0v3.855a.723.723 0 1 0 1.446 0z"/><path d="M2 8.506c0-2.726 0-4.09.847-4.936s2.21-.847 4.936-.847h.964c2.726 0 4.09 0 4.936.847c.847.846.847 2.21.847 4.936v7.71c0 2.727 0 4.09-.847 4.937S11.473 22 8.747 22h-.964c-2.726 0-4.09 0-4.936-.847S2 18.943 2 16.217z" opacity=".5"/><path d="M5.856 4.892a.723.723 0 0 0 0 1.445h4.819a.723.723 0 0 0 0-1.445zm2.409 14.216a1.446 1.446 0 1 0 0-2.891a1.446 1.446 0 0 0 0 2.891"/><path fillRule="evenodd" d="M15.745 2.602a.723.723 0 0 1 .834-.592c3.084.525 5.42 3.24 5.42 6.496a.723.723 0 0 1-1.127.599l-1.446-.977a.723.723 0 0 1 .81-1.198l.096.065c-.556-1.84-2.101-3.237-3.996-3.56a.723.723 0 0 1-.591-.833" clipRule="evenodd"/></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="M20.43 21.152c.847-.847.847-2.21.847-4.936s0-4.09-.847-4.936c-.45-.451-1.681-.66-2.982-.756c-.892-.066-1.338-.1-1.646.187c-.308.286-.308.754-.308 1.69v7.642c0 .937 0 1.405.31 1.691c.308.286.754.252 1.644.183c1.3-.1 2.531-.314 2.982-.765" opacity=".5"/><path d="M19.109 14.29a.723.723 0 0 0-1.446 0v3.855a.723.723 0 1 0 1.446 0z"/><path d="M2 8.506c0-2.726 0-4.09.847-4.936s2.21-.847 4.936-.847h.964c2.726 0 4.09 0 4.936.847c.847.846.847 2.21.847 4.936v7.71c0 2.727 0 4.09-.847 4.937S11.473 22 8.747 22h-.964c-2.726 0-4.09 0-4.936-.847S2 18.943 2 16.217z" opacity=".5"/><path d="M5.856 4.892a.723.723 0 0 0 0 1.445h4.819a.723.723 0 0 0 0-1.445zm2.409 14.216a1.446 1.446 0 1 0 0-2.891a1.446 1.446 0 0 0 0 2.891"/><path fill-rule="evenodd" d="M15.745 2.602a.723.723 0 0 1 .834-.592c3.084.525 5.42 3.24 5.42 6.496a.723.723 0 0 1-1.127.599l-1.446-.977a.723.723 0 0 1 .81-1.198l.096.065c-.556-1.84-2.101-3.237-3.996-3.56a.723.723 0 0 1-.591-.833" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-phone-rotate-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%22M20.43%2021.152c.847-.847.847-2.21.847-4.936s0-4.09-.847-4.936c-.45-.451-1.681-.66-2.982-.756c-.892-.066-1.338-.1-1.646.187c-.308.286-.308.754-.308%201.69v7.642c0%20.937%200%201.405.31%201.691c.308.286.754.252%201.644.183c1.3-.1%202.531-.314%202.982-.765%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M19.109%2014.29a.723.723%200%200%200-1.446%200v3.855a.723.723%200%201%200%201.446%200z%22%2F%3E%3Cpath%20d%3D%22M2%208.506c0-2.726%200-4.09.847-4.936s2.21-.847%204.936-.847h.964c2.726%200%204.09%200%204.936.847c.847.846.847%202.21.847%204.936v7.71c0%202.727%200%204.09-.847%204.937S11.473%2022%208.747%2022h-.964c-2.726%200-4.09%200-4.936-.847S2%2018.943%202%2016.217z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M5.856%204.892a.723.723%200%200%200%200%201.445h4.819a.723.723%200%200%200%200-1.445zm2.409%2014.216a1.446%201.446%200%201%200%200-2.891a1.446%201.446%200%200%200%200%202.891%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15.745%202.602a.723.723%200%200%201%20.834-.592c3.084.525%205.42%203.24%205.42%206.496a.723.723%200%200%201-1.127.599l-1.446-.977a.723.723%200%200%201%20.81-1.198l.096.065c-.556-1.84-2.101-3.237-3.996-3.56a.723.723%200%200%201-.591-.833%22%20clip-rule%3D%22evenodd%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%22M20.43%2021.152c.847-.847.847-2.21.847-4.936s0-4.09-.847-4.936c-.45-.451-1.681-.66-2.982-.756c-.892-.066-1.338-.1-1.646.187c-.308.286-.308.754-.308%201.69v7.642c0%20.937%200%201.405.31%201.691c.308.286.754.252%201.644.183c1.3-.1%202.531-.314%202.982-.765%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M19.109%2014.29a.723.723%200%200%200-1.446%200v3.855a.723.723%200%201%200%201.446%200z%22%2F%3E%3Cpath%20d%3D%22M2%208.506c0-2.726%200-4.09.847-4.936s2.21-.847%204.936-.847h.964c2.726%200%204.09%200%204.936.847c.847.846.847%202.21.847%204.936v7.71c0%202.727%200%204.09-.847%204.937S11.473%2022%208.747%2022h-.964c-2.726%200-4.09%200-4.936-.847S2%2018.943%202%2016.217z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M5.856%204.892a.723.723%200%200%200%200%201.445h4.819a.723.723%200%200%200%200-1.445zm2.409%2014.216a1.446%201.446%200%201%200%200-2.891a1.446%201.446%200%200%200%200%202.891%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15.745%202.602a.723.723%200%200%201%20.834-.592c3.084.525%205.42%203.24%205.42%206.496a.723.723%200%200%201-1.127.599l-1.446-.977a.723.723%200%200%201%20.81-1.198l.096.065c-.556-1.84-2.101-3.237-3.996-3.56a.723.723%200%200%201-.591-.833%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/phone-rotate-duotone.svg?color=%231a73e8&size=48
