Иконка Move Square Bold

solar:move-square-bold

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2C16.714 2 19.0707 2.00038 20.5352 3.46484C21.9996 4.92931 22 7.28595 22 12C22 16.714 21.9996 19.0707 20.5352 20.5352C19.0707 21.9996 16.714 22 12 22C7.28595 22 4.92931 21.9996 3.46484 20.5352C2.00038 19.0707 2 16.714 2 12C2 7.28595 2.00038 4.92931 3.46484 3.46484C4.92931 2.00038 7.28595 2 12 2ZM12 13.3711C11.5859 13.3711 11.2501 13.707 11.25 14.1211V17.2598L10.4092 16.4189C10.1164 16.1263 9.6415 16.1265 9.34863 16.4189C9.05579 16.7118 9.0559 17.1866 9.34863 17.4795L11.4697 19.6016C11.6104 19.7421 11.8012 19.8213 12 19.8213C12.1988 19.8213 12.3896 19.7421 12.5303 19.6016L14.6514 17.4795C14.9441 17.1866 14.9442 16.7118 14.6514 16.4189C14.3585 16.1265 13.8836 16.1263 13.5908 16.4189L12.75 17.2598V14.1211C12.7499 13.707 12.4141 13.3711 12 13.3711ZM7.58008 9.34863C7.28722 9.0559 6.81239 9.0559 6.51953 9.34863L4.39844 11.4697C4.2579 11.6103 4.17878 11.8012 4.17871 12C4.17876 12.1988 4.25791 12.3897 4.39844 12.5303L6.51953 14.6514C6.81239 14.9442 7.28718 14.9442 7.58008 14.6514C7.87285 14.3585 7.87293 13.8837 7.58008 13.5908L6.73926 12.75H9.87891C10.2928 12.7498 10.6288 12.414 10.6289 12C10.6288 11.586 10.2928 11.2502 9.87891 11.25H6.73926L7.58008 10.4092C7.87282 10.1163 7.87283 9.64149 7.58008 9.34863ZM17.4795 9.34863C17.1866 9.0559 16.7118 9.0559 16.4189 9.34863C16.1265 9.64151 16.1263 10.1164 16.4189 10.4092L17.2598 11.25H14.1211C13.707 11.25 13.3712 11.5859 13.3711 12C13.3712 12.4141 13.7069 12.75 14.1211 12.75H17.2598L16.4189 13.5908C16.1263 13.8836 16.1264 14.3585 16.4189 14.6514C16.7118 14.9442 17.1866 14.9441 17.4795 14.6514L19.6016 12.5303C19.742 12.3897 19.8212 12.1987 19.8213 12C19.8212 11.8013 19.742 11.6103 19.6016 11.4697L17.4795 9.34863ZM12.5303 4.39844C12.2557 4.12399 11.8209 4.10651 11.5264 4.34668L11.4697 4.39844L9.34863 6.51953C9.05578 6.81238 9.05586 7.28717 9.34863 7.58008C9.64153 7.87297 10.1163 7.87297 10.4092 7.58008L11.25 6.73926V9.87891C11.2502 10.2929 11.5859 10.6289 12 10.6289C12.4141 10.6289 12.7498 10.2929 12.75 9.87891V6.73926L13.5908 7.58008C13.8837 7.87297 14.3585 7.87297 14.6514 7.58008C14.9441 7.28718 14.9442 6.81238 14.6514 6.51953L12.5303 4.39844Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →