Иконка Smartphone Rotate Angle Bold

solar:smartphone-rotate-angle-bold

Иконка Smartphone Rotate Angle Bold (solar:smartphone-rotate-angle-bold) — бесплатная 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, rotateangle, anglebold, smartphonerotateanglebold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M19 9V14.9342C19 15.5933 18.6469 16.2018 18.0746 16.5288C14.3105 18.6797 9.68952 18.6797 5.92538 16.5288C5.35315 16.2018 5 15.5933 5 14.9342V9C5 6.19108 5 4.78661 5.67412 3.77772C5.96596 3.34096 6.34096 2.96596 6.77772 2.67412C7.78661 2 9.19108 2 12 2C14.8089 2 16.2134 2 17.2223 2.67412C17.659 2.96596 18.034 3.34096 18.3259 3.77772C19 4.78661 19 6.19108 19 9ZM9 4.25C8.58579 4.25 8.25 4.58579 8.25 5C8.25 5.41421 8.58579 5.75 9 5.75H15C15.4142 5.75 15.75 5.41421 15.75 5C15.75 4.58579 15.4142 4.25 15 4.25H9Z"/><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 17.0165 2.88413 17.3495 3.29688 17.7337C3.71071 18.1189 4.35043 18.5004 5.20371 18.8364C6.41418 19.313 7.97893 19.6686 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.80576 21.1698 6.04974 20.7816 4.65415 20.2321C3.69779 19.8555 2.87304 19.3885 2.27482 18.8316C1.67551 18.2737 1.25 17.5708 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.5342ZM20.3727 14.5342C20.6299 14.2096 21.1016 14.1549 21.4263 14.4122C22.1833 15.012 22.75 15.7997 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>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

Изображение HTML

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

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

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

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

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

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

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

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

Все Иконки Solar →