Иконка Move Vertical Bold Duotone

solar:move-vertical-bold-duotone

Иконка Move Vertical Bold Duotone (solar:move-vertical-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
Категория: Стрелки действий
Теги: movevertical, verticalbold, boldduotone, moveverticalboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.75 22.1426C12.7497 22.5565 12.414 22.8925 12 22.8926C11.5859 22.8926 11.2503 22.5566 11.25 22.1426L11.25 1.8584C11.25 1.44419 11.5858 1.10742 12 1.10742C12.4142 1.10742 12.75 1.44419 12.75 1.8584L12.75 22.1426Z" opacity=".5"/><path d="M16.672 5.46973C16.9647 5.76263 16.9648 6.23743 16.672 6.53027C16.3791 6.82278 15.9043 6.8229 15.6115 6.53027L12.0001 2.91895L8.38881 6.53027C8.09594 6.82278 7.62105 6.82289 7.32826 6.53027C7.03548 6.23749 7.0357 5.76265 7.32826 5.46973L11.4699 1.32812C11.6105 1.18752 11.8013 1.10747 12.0001 1.10742C12.199 1.10743 12.3898 1.18748 12.5304 1.32812L16.672 5.46973Z"/><path d="M16.672 17.4707C16.9647 17.7636 16.9648 18.2384 16.672 18.5312L12.5304 22.6729C12.2375 22.9654 11.7627 22.9655 11.4699 22.6729L7.32826 18.5312C7.03548 18.2385 7.0357 17.7636 7.32826 17.4707C7.62115 17.1778 8.09592 17.1778 8.38881 17.4707L12.0001 21.082L15.6115 17.4707C15.9044 17.1778 16.3791 17.1778 16.672 17.4707Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →