Иконка Move Square Bold Duotone

solar:move-square-bold-duotone

Иконка Move Square Bold Duotone (solar:move-square-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
Категория: Стрелки действий
Теги: movesquare, squarebold, boldduotone, movesquareboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" opacity=".5"/><path d="M9.87846 11.2501C10.2927 11.2501 10.6284 11.5858 10.6284 12C10.6284 12.4143 10.2927 12.75 9.87846 12.75H6.73929L7.58036 13.591C7.87325 13.8839 7.87325 14.3588 7.58036 14.6517C7.28747 14.9446 6.81259 14.9446 6.5197 14.6517L4.39838 12.5304C4.10549 12.2375 4.10549 11.7626 4.39838 11.4697L6.5197 9.34839C6.81259 9.0555 7.28747 9.0555 7.58036 9.34839C7.87325 9.64129 7.87325 10.1162 7.58036 10.4091L6.73929 11.2501H9.87846ZM17.4799 14.6517C17.187 14.9446 16.7121 14.9446 16.4192 14.6517C16.1263 14.3588 16.1263 13.8839 16.4192 13.591L17.2603 12.75H14.1211C13.7069 12.75 13.3712 12.4143 13.3712 12C13.3712 11.5858 13.7069 11.2501 14.1211 11.2501H17.2603L16.4192 10.4091C16.1263 10.1162 16.1263 9.64129 16.4192 9.34839C16.7121 9.0555 17.187 9.0555 17.4799 9.34839L19.6012 11.4697C19.8941 11.7626 19.8941 12.2375 19.6012 12.5304L17.4799 14.6517Z"/><path d="M12.7499 14.1213C12.7499 13.7071 12.4142 13.3714 12 13.3714C11.5858 13.3714 11.2501 13.7071 11.2501 14.1213V17.2605L10.409 16.4194C10.1161 16.1265 9.64124 16.1265 9.34835 16.4194C9.05546 16.7123 9.05546 17.1872 9.34835 17.4801L11.4697 19.6014C11.7626 19.8943 12.2374 19.8943 12.5303 19.6014L14.6516 17.4801C14.9445 17.1872 14.9445 16.7123 14.6516 16.4194C14.3588 16.1265 13.8839 16.1265 13.591 16.4194L12.7499 17.2605V14.1213ZM9.34835 6.51995C9.05546 6.81284 9.05546 7.28771 9.34835 7.58061C9.64124 7.8735 10.1161 7.8735 10.409 7.58061L11.2501 6.73954V9.8787C11.2501 10.2929 11.5858 10.6286 12 10.6286C12.4142 10.6286 12.7499 10.2929 12.7499 9.8787V6.73954L13.591 7.58061C13.8839 7.8735 14.3588 7.8735 14.6516 7.58061C14.9445 7.28771 14.9445 6.81284 14.6516 6.51995L12.5303 4.39862C12.2374 4.10573 11.7626 4.10573 11.4697 4.39862L9.34835 6.51995Z"/></g></svg>

Как использовать иконку Move Square Bold Duotone

React

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

<Icon icon="solar:move-square-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:move-square-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:move-square-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--move-square-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:move-square-bold-duotone"></div>

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

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

<iconify-icon icon="solar:move-square-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/move-square-bold-duotone.svg" alt="Иконка Move Square Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Move Square Bold Duotone

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

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

Как использовать иконку Move Square Bold Duotone в React?

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

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

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

Все Иконки Solar →