Smartphone Rotate 2 Line Duotone icon

solar:smartphone-rotate-2-line-duotone

The Smartphone Rotate 2 Line Duotone icon (solar:smartphone-rotate-2-line-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, rotateline, lineduotone, smartphonerotatelineduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M19.1222 18.4439L18.4439 19.1222C16.5254 21.0407 15.5661 22 14.3741 22C13.182 22 12.2228 21.0407 10.3042 19.1222L4.8778 13.6958C2.95927 11.7772 2 10.818 2 9.62593C2 8.43391 2.95927 7.47464 4.8778 5.55611L5.55611 4.8778C7.47464 2.95927 8.43391 2 9.62593 2C10.818 2 11.7772 2.95927 13.6958 4.8778L19.1222 10.3042C21.0407 12.2228 22 13.182 22 14.3741C22 15.5661 21.0407 16.5254 19.1222 18.4439L19.1222 18.4439Z"/><path d="M8.94768 5.55664L5.55615 8.94816M16.7482 14.714C17.3102 15.2759 17.3102 16.187 16.7482 16.7489C16.1863 17.3108 15.2753 17.3108 14.7133 16.7489C14.1514 16.187 14.1514 15.2759 14.7133 14.714C15.2753 14.152 16.1863 14.152 16.7482 14.714Z" 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"/><path stroke-linecap="round" stroke-linejoin="round" d="M3.5 17.014L2 16C2 19.0147 4.16229 21.5172 7 22"/></g></svg>

How to use the Smartphone Rotate 2 Line Duotone icon

React

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

<Icon icon="solar:smartphone-rotate-2-line-duotone" width="24" />

Vue

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

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

Svelte

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

<Icon icon="solar:smartphone-rotate-2-line-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Solar

Smartphone Rotate 2 Line Duotone icon FAQ

Is the Smartphone Rotate 2 Line 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 2 Line Duotone icon in React?

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

How do I add the Smartphone Rotate 2 Line 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-2-line-duotone.svg" alt="Smartphone Rotate 2 Line Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →