Ícone Move Horizontal Bold

solar:move-horizontal-bold

O ícone Move Horizontal Bold (solar:move-horizontal-bold) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Setas de ação
Tags: movehorizontal, horizontalbold, movehorizontalbold

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.4707 7.32823C17.7636 7.03552 18.2384 7.03546 18.5312 7.32823L22.6729 11.4698C22.9654 11.7627 22.9655 12.2376 22.6729 12.5304L18.5312 16.672C18.2385 16.9648 17.7636 16.9645 17.4707 16.672C17.1779 16.3791 17.1778 15.9043 17.4707 15.6114L20.332 12.7501H3.66895L6.53027 15.6114C6.82278 15.9043 6.82289 16.3792 6.53027 16.672C6.23749 16.9648 5.76265 16.9645 5.46973 16.672L1.32812 12.5304C1.18752 12.3898 1.10747 12.1989 1.10742 12.0001C1.10743 11.8012 1.18748 11.6105 1.32812 11.4698L5.46973 7.32823C5.76263 7.03549 6.23743 7.0354 6.53027 7.32823C6.82278 7.6211 6.8229 8.09598 6.53027 8.38878L3.66895 11.2501H20.332L17.4707 8.38878C17.1779 8.09588 17.1778 7.6211 17.4707 7.32823Z"/></svg>

Como usar o ícone Move Horizontal Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/move-horizontal-bold.svg" alt="Ícone Move Horizontal Bold" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Move Horizontal Bold

O ícone Move Horizontal Bold é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Move Horizontal Bold no React?

Instale @iconify/react e renderize <Icon icon="solar:move-horizontal-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Move Horizontal Bold a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/move-horizontal-bold.svg" alt="Ícone Move Horizontal Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →