Иконка Smartphone Rotate 2 Linear

solar:smartphone-rotate-2-linear

Иконка Smartphone Rotate 2 Linear (solar:smartphone-rotate-2-linear) — бесплатная 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, rotatelinear, smartphonerotatelinear

Скачать SVG

Код SVG

<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="M8.94759 5.55618L5.55607 8.9477M4.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.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.6958ZM16.7482 14.7135C17.3101 15.2754 17.3101 16.1865 16.7482 16.7484C16.1862 17.3103 15.2752 17.3103 14.7132 16.7484C14.1513 16.1865 14.1513 15.2754 14.7132 14.7135C15.2752 14.1516 16.1862 14.1516 16.7482 14.7135Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M20.5 6.98598L22 8C22 4.98532 19.8377 2.48275 17 2"/><path stroke-linecap="round" stroke-linejoin="round" d="M3.5 17.014L2 16C2 19.0147 4.16229 21.5172 7 22"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:smartphone-rotate-2-linear"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Иконки Solar →