Иконка Smartphone Rotate Orientation Bold Duotone

solar:smartphone-rotate-orientation-bold-duotone

Иконка Smartphone Rotate Orientation Bold Duotone (solar:smartphone-rotate-orientation-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Устройства
Теги: smartphonerotate, rotateorientation, orientationbold, boldduotone, smartphonerotateorientationboldduotone

Скачать SVG

Код SVG

<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>

Как использовать иконку Smartphone Rotate Orientation Bold Duotone

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Smartphone Rotate Orientation Bold Duotone

Можно ли бесплатно использовать иконку Smartphone Rotate Orientation Bold Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Smartphone Rotate Orientation Bold Duotone в React?

Установите @iconify/react и выведите <Icon icon="solar:smartphone-rotate-orientation-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Smartphone Rotate Orientation Bold Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/smartphone-rotate-orientation-bold-duotone.svg" alt="Иконка Smartphone Rotate Orientation Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →