Smartphone Rotate Orientation Bold Duotone icon

solar:smartphone-rotate-orientation-bold-duotone

The Smartphone Rotate Orientation Bold Duotone icon (solar:smartphone-rotate-orientation-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Devices
Tags: smartphonerotate, rotateorientation, orientationbold, boldduotone, smartphonerotateorientationboldduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.4304 21.1524C21.2773 20.3054 21.2773 18.9423 21.2773 16.2162C21.2773 13.49 21.2773 12.1269 20.4304 11.28C19.9792 10.8288 18.7485 10.6207 17.4481 10.5241C16.5562 10.4577 16.1103 10.4246 15.8022 10.7106C15.4941 10.9966 15.4941 11.4648 15.4941 12.4013V20.0434C15.4941 20.98 15.4941 21.4482 15.8032 21.7344C16.1122 22.0205 16.5575 21.9861 17.448 21.9174C18.7484 21.817 19.9792 21.6035 20.4304 21.1524Z" opacity=".5"/><path d="M19.1089 14.2893C19.1089 13.8901 18.7852 13.5664 18.386 13.5664C17.9867 13.5664 17.6631 13.8901 17.6631 14.2893V18.1447C17.6631 18.5439 17.9867 18.8676 18.386 18.8676C18.7852 18.8676 19.1089 18.5439 19.1089 18.1447V14.2893Z"/><path d="M2 8.50575C2 5.77958 2 4.41649 2.84692 3.56957C3.69384 2.72266 5.05694 2.72266 7.78313 2.72266H8.74699C11.4732 2.72266 12.8363 2.72266 13.6832 3.56957C14.5301 4.41649 14.5301 5.77958 14.5301 8.50575V16.2166C14.5301 18.9427 14.5301 20.3058 13.6832 21.1527C12.8363 21.9997 11.4732 21.9997 8.74699 21.9997H7.78313C5.05694 21.9997 3.69384 21.9997 2.84692 21.1527C2 20.3058 2 18.9427 2 16.2166V8.50575Z" opacity=".5"/><path d="M5.8557 4.8916C5.45646 4.8916 5.13281 5.21525 5.13281 5.61449C5.13281 6.01373 5.45646 6.33738 5.8557 6.33738H10.675C11.0742 6.33738 11.3979 6.01373 11.3979 5.61449C11.3979 5.21525 11.0742 4.8916 10.675 4.8916H5.8557Z"/><path d="M8.26534 19.1084C9.06383 19.1084 9.71113 18.4611 9.71113 17.6626C9.71113 16.8641 9.06383 16.2168 8.26534 16.2168C7.46686 16.2168 6.81956 16.8641 6.81956 17.6626C6.81956 18.4611 7.46686 19.1084 8.26534 19.1084Z"/><path fill-rule="evenodd" d="M15.7447 2.60177C15.8117 2.20818 16.185 1.9434 16.5786 2.01035C19.6626 2.535 21.9996 5.24933 21.9996 8.5061C21.9996 8.77354 21.8519 9.01912 21.6157 9.14455C21.3795 9.26998 21.0934 9.25476 20.8718 9.10498L19.426 8.12762C19.0953 7.90403 19.0084 7.45464 19.232 7.12389C19.4556 6.79313 19.905 6.70626 20.2357 6.92986L20.3317 6.99474C19.7756 5.1544 18.2308 3.75797 16.3361 3.43565C15.9426 3.36869 15.6778 2.99535 15.7447 2.60177Z" clip-rule="evenodd"/></g></svg>

How to use the Smartphone Rotate Orientation Bold Duotone icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:smartphone-rotate-orientation-bold-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:smartphone-rotate-orientation-bold-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:smartphone-rotate-orientation-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--smartphone-rotate-orientation-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:smartphone-rotate-orientation-bold-duotone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:smartphone-rotate-orientation-bold-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/smartphone-rotate-orientation-bold-duotone.svg" alt="Smartphone Rotate Orientation Bold Duotone icon" width="24" height="24">

Related icons in Solar

Smartphone Rotate Orientation Bold Duotone icon FAQ

Is the Smartphone Rotate Orientation Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Smartphone Rotate Orientation Bold Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:smartphone-rotate-orientation-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Smartphone Rotate Orientation Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/smartphone-rotate-orientation-bold-duotone.svg" alt="Smartphone Rotate Orientation Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →