Smartphone Rotate Angle Outline icon

solar:smartphone-rotate-angle-outline

The Smartphone Rotate Angle Outline icon (solar:smartphone-rotate-angle-outline) 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, rotateangle, angleoutline, smartphonerotateangleoutline

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="M11.4451 1.25C10.0775 1.24998 8.97521 1.24996 8.10825 1.36652C7.20814 1.48754 6.45027 1.74643 5.84835 2.34835C5.24643 2.95027 4.98754 3.70814 4.86652 4.60825C4.74996 5.47522 4.74998 6.57754 4.75 7.94513L4.75 16.0013C4.75 16.3554 4.75 16.6899 4.75175 17.0042C4.75406 17.4184 5.09171 17.7523 5.50591 17.75C5.92012 17.7477 6.25403 17.41 6.25173 16.9958C6.25 16.6861 6.25 16.3555 6.25 16V8C6.25 6.56459 6.25159 5.56347 6.35315 4.80812C6.4518 4.07435 6.63225 3.68577 6.90901 3.40901C7.18577 3.13225 7.57434 2.9518 8.30812 2.85315C9.06347 2.75159 10.0646 2.75 11.5 2.75H12.5C13.9354 2.75 14.9365 2.75159 15.6919 2.85315C16.4257 2.9518 16.8142 3.13225 17.091 3.40901C17.3678 3.68577 17.5482 4.07435 17.6469 4.80812C17.7484 5.56347 17.75 6.56459 17.75 8V16C17.75 16.3555 17.75 16.6861 17.7483 16.9958C17.746 17.41 18.0799 17.7477 18.4941 17.75C18.9083 17.7523 19.2459 17.4184 19.2483 17.0042C19.25 16.69 19.25 16.3556 19.25 16.0017V7.94513C19.25 6.57754 19.25 5.47522 19.1335 4.60825C19.0125 3.70814 18.7536 2.95027 18.1516 2.34835C17.5497 1.74643 16.7919 1.48754 15.8918 1.36652C15.0248 1.24996 13.9225 1.24998 12.5549 1.25H11.4451Z"/><path d="M8.25 5C8.25 4.58579 8.58579 4.25 9 4.25H15C15.4142 4.25 15.75 4.58579 15.75 5C15.75 5.41422 15.4142 5.75 15 5.75H9C8.58579 5.75 8.25 5.41422 8.25 5Z"/><path d="M3.62731 14.5342C3.88455 14.8589 3.82989 15.3306 3.50523 15.5878C2.93157 16.0424 2.75 16.443 2.75 16.75C2.75 16.993 2.86028 17.288 3.19064 17.6296C3.52438 17.9747 4.04582 18.3252 4.75556 18.6471C6.00981 19.2159 7.74351 19.6466 9.75 19.8343V19.375C9.75 19.0807 9.9221 18.8136 10.1901 18.692C10.4581 18.5704 10.7724 18.6168 10.9939 18.8106L12.4939 20.1231C12.6566 20.2655 12.75 20.4712 12.75 20.6875C12.75 20.9038 12.6566 21.1095 12.4939 21.2519L10.9939 22.5644C10.7724 22.7582 10.4581 22.8046 10.1901 22.683C9.9221 22.5614 9.75 22.2943 9.75 22V21.3404C7.56512 21.1487 5.60927 20.6813 4.13599 20.0131C3.32214 19.644 2.62069 19.1979 2.11244 18.6724C1.60081 18.1434 1.25 17.494 1.25 16.75C1.25 15.7998 1.81667 15.012 2.5737 14.4122C2.89836 14.1549 3.37008 14.2096 3.62731 14.5342Z"/><path d="M20.3727 14.5342C20.6299 14.2096 21.1016 14.1549 21.4263 14.4122C22.1833 15.012 22.75 15.7998 22.75 16.75C22.75 18.1281 21.5819 19.1606 20.2034 19.8514C18.7617 20.5738 16.791 21.0851 14.5756 21.3096C14.1635 21.3514 13.7956 21.0512 13.7538 20.6391C13.7121 20.227 14.0123 19.859 14.4244 19.8173C16.522 19.6047 18.3014 19.1266 19.5314 18.5103C20.8246 17.8623 21.25 17.2066 21.25 16.75C21.25 16.443 21.0684 16.0424 20.4948 15.5878C20.1701 15.3306 20.1155 14.8589 20.3727 14.5342Z"/></g></svg>

How to use the Smartphone Rotate Angle Outline icon

React

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

<Icon icon="solar:smartphone-rotate-angle-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:smartphone-rotate-angle-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:smartphone-rotate-angle-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--smartphone-rotate-angle-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:smartphone-rotate-angle-outline"></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-angle-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/smartphone-rotate-angle-outline.svg" alt="Smartphone Rotate Angle Outline icon" width="24" height="24">

Related icons in Solar

Smartphone Rotate Angle Outline icon FAQ

Is the Smartphone Rotate Angle Outline 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 Angle Outline icon in React?

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

How do I add the Smartphone Rotate Angle Outline icon to a web page?

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

Browse all Solar icons →