Иконка Image Move Light

stash:image-move-light

Иконка Image Move Light (stash:image-move-light) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Stash Icons
Автор: Pingback LLC
Лицензия: MIT
Размер: 24 × 24
Теги: imagemove, movelight, imagemovelight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.623 3.5H9.377c-1.1 0-1.958 0-2.645.056c-.698.057-1.265.175-1.775.434A4.5 4.5 0 0 0 2.99 5.957c-.26.51-.377 1.077-.434 1.775C2.5 8.42 2.5 9.276 2.5 10.377v3.246c0 .95 0 1.718.036 2.352a5 5 0 0 0 .02.293c.057.698.175 1.265.434 1.775a4.5 4.5 0 0 0 2.161 2.058c.277.118.572.2.897.258q.32.056.684.085c.688.056 1.544.056 2.645.056H14a.5.5 0 1 0 0-1H9.4c-1.128 0-1.945 0-2.586-.053a5 5 0 0 1-.975-.16a2.6 2.6 0 0 1-.428-.168a3.5 3.5 0 0 1-1.53-1.53c-.181-.357-.282-.794-.333-1.465l-.004-.06l-.008-.121a.5.5 0 0 1 .002-.123a.6.6 0 0 1 .047-.146c.02-.04.048-.078.207-.269l.062-.075c.428-.513.729-.873.984-1.13c.252-.254.423-.369.576-.424a1.5 1.5 0 0 1 1.03 0c.152.055.323.17.575.424c.255.257.556.617.984 1.13a1.33 1.33 0 0 0 1.98.073l3.003-3.111c.408-.422.692-.716.932-.927c.236-.206.394-.301.537-.349a1.5 1.5 0 0 1 .947 0c.187.063.392.201.751.547a.5.5 0 0 0 .694-.72c-.378-.364-.718-.639-1.13-.775a2.5 2.5 0 0 0-1.578 0c-.323.107-.598.298-.88.546c-.275.24-.588.565-.977.968l-3.019 3.126a.33.33 0 0 1-.492-.018l-.015-.018c-.41-.491-.737-.885-1.027-1.177c-.296-.298-.59-.53-.942-.659a2.5 2.5 0 0 0-1.717 0c-.352.13-.645.36-.942.66c-.189.19-.394.424-.628.7V10.4c0-1.128 0-1.945.053-2.586c.052-.637.152-1.057.328-1.403a3.5 3.5 0 0 1 1.53-1.53c.346-.176.766-.276 1.403-.328C7.455 4.5 8.272 4.5 9.4 4.5h3.2c1.128 0 1.945 0 2.587.053c.636.052 1.056.152 1.402.328a3.5 3.5 0 0 1 1.53 1.53c.176.346.276.766.328 1.403c.053.641.053 1.458.053 2.586a.5.5 0 0 0 1 0v-.023c0-1.1 0-1.958-.056-2.645c-.057-.698-.175-1.265-.434-1.775a4.5 4.5 0 0 0-1.967-1.967c-.51-.26-1.077-.377-1.775-.434c-.687-.056-1.544-.056-2.645-.056"/><path fill="currentColor" fill-rule="evenodd" d="M6.5 9a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0M9 7.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/><path fill="currentColor" d="M18.95 15.85a.25.25 0 0 1-.25-.25v-1.893l-.67.67a.25.25 0 1 1-.353-.354l1.06-1.06c.062-.062.119-.113.213-.113c.093 0 .146.05.208.108l.005.005l1.06 1.06a.25.25 0 0 1-.353.354l-.67-.67V15.6a.25.25 0 0 1-.25.25m0 1.75a.25.25 0 0 0-.25.25v1.893l-.67-.67a.25.25 0 1 0-.353.354l1.06 1.06c.062.062.119.113.213.113c.093 0 .146-.05.208-.108l.005-.005l1.06-1.06a.25.25 0 0 0-.353-.354l-.67.67V17.85a.25.25 0 0 0-.25-.25m.75-.954a.25.25 0 0 1 .25-.25h1.893l-.67-.67a.25.25 0 0 1 .354-.353l1.06 1.06c.062.063.113.12.113.213c0 .094-.05.146-.108.209l-.005.004l-1.06 1.06a.25.25 0 0 1-.354-.353l.67-.67H19.95a.25.25 0 0 1-.25-.25m-1.5 0a.25.25 0 0 0-.25-.25h-1.893l.67-.67a.25.25 0 0 0-.354-.353l-1.06 1.06c-.062.063-.113.12-.113.213c0 .094.05.146.108.209l.005.004l1.06 1.06a.25.25 0 0 0 .354-.353l-.67-.67h1.893a.25.25 0 0 0 .25-.25"/></svg>

Как использовать иконку Image Move Light

React

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

<Icon icon="stash:image-move-light" width="24" />

Vue

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

<template>
  <Icon icon="stash:image-move-light" width="24" />
</template>

Svelte

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

<Icon icon="stash:image-move-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--image-move-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:image-move-light"></div>

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

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

<iconify-icon icon="stash:image-move-light"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/stash/image-move-light.svg" alt="Иконка Image Move Light" width="24" height="24">

Вопросы и ответы: Иконка Image Move Light

Можно ли бесплатно использовать иконку Image Move Light в коммерческих проектах?

Да. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Image Move Light в React?

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

Как добавить иконку Image Move Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/stash/image-move-light.svg" alt="Иконка Image Move Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Stash Icons →