Ícone Arrow Cursor Move Solid
streamline-plump:arrow-cursor-move-solid
O ícone Arrow Cursor Move Solid (streamline-plump:arrow-cursor-move-solid) é um ícone SVG gratuito da coleção Plump free icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Plump free 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
- Plump free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Interface essencial
- Tags
- arrowcursor, cursormove, movesolid, arrowcursormovesolid
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M5.507 1.769a3.285 3.285 0 0 0-3.738 3.737c.862 5.947 3.292 13.343 5.449 18.03c.696 1.514 2.085 2.372 3.605 2.185c1.455-.178 2.631-1.265 3.14-2.755l2.292-6.711l6.711-2.292c1.49-.51 2.577-1.685 2.756-3.14c.186-1.52-.672-2.91-2.186-3.606C18.85 5.061 11.453 2.63 5.506 1.77M28 23.466a25 25 0 0 1-2.262-.171a2.2 2.2 0 0 1-1.7-1.18a2.26 2.26 0 0 1 0-2.017c.356-.73.963-1.874 1.956-3.494c.741-1.208 1.357-2.044 1.85-2.624c.539-.633 1.304-1.034 2.156-1.034s1.618.401 2.156 1.034c.494.58 1.11 1.416 1.85 2.624c.994 1.62 1.6 2.764 1.956 3.494c.303.623.333 1.366.001 2.018a2.2 2.2 0 0 1-1.7 1.179c-.523.068-1.252.133-2.263.17V28h4.535c.038-1.01.102-1.74.17-2.262a2.2 2.2 0 0 1 1.18-1.7a2.26 2.26 0 0 1 2.017 0c.73.356 1.874.962 3.494 1.956c1.208.741 2.044 1.357 2.624 1.85c.633.538 1.034 1.304 1.034 2.156s-.4 1.618-1.034 2.156c-.58.493-1.416 1.109-2.624 1.85c-1.62.994-2.764 1.6-3.494 1.956a2.26 2.26 0 0 1-2.018 0a2.2 2.2 0 0 1-1.179-1.7a25 25 0 0 1-.17-2.262H32v4.534c1.011.038 1.74.103 2.262.171a2.2 2.2 0 0 1 1.701 1.18a2.26 2.26 0 0 1-.001 2.017c-.356.73-.962 1.874-1.956 3.494c-.74 1.208-1.356 2.044-1.85 2.624c-.538.633-1.303 1.034-2.156 1.034c-.852 0-1.617-.4-2.156-1.034c-.493-.58-1.109-1.416-1.85-2.624c-.993-1.62-1.6-2.763-1.955-3.494a2.26 2.26 0 0 1-.001-2.018a2.2 2.2 0 0 1 1.7-1.179a25 25 0 0 1 2.262-.17V32h-4.534a25 25 0 0 1-.171 2.262a2.2 2.2 0 0 1-1.18 1.7a2.26 2.26 0 0 1-2.016 0c-.731-.356-1.875-.962-3.495-1.956c-1.208-.741-2.044-1.357-2.623-1.85c-.634-.538-1.035-1.304-1.035-2.156s.4-1.618 1.034-2.156c.58-.493 1.416-1.109 2.624-1.85c1.62-.994 2.764-1.6 3.494-1.955a2.26 2.26 0 0 1 2.018-.002a2.2 2.2 0 0 1 1.179 1.701c.068.522.133 1.251.17 2.262H28z" clip-rule="evenodd"/></svg>
Como usar o ícone Arrow Cursor Move Solid
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:arrow-cursor-move-solid" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:arrow-cursor-move-solid" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:arrow-cursor-move-solid" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--arrow-cursor-move-solid]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:arrow-cursor-move-solid"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:arrow-cursor-move-solid"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/arrow-cursor-move-solid.svg" alt="Ícone Arrow Cursor Move Solid" width="24" height="24">
Ícones relacionados em Plump free icons
O ícone Arrow Cursor Move Solid em outras coleções
Perguntas frequentes sobre Ícone Arrow Cursor Move Solid
O ícone Arrow Cursor Move Solid é grátis para uso comercial?
Sim. Plump free 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 Arrow Cursor Move Solid no React?
Instale @iconify/react e renderize <Icon icon="streamline-plump:arrow-cursor-move-solid" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Arrow Cursor Move Solid a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-plump/arrow-cursor-move-solid.svg" alt="Ícone Arrow Cursor Move Solid">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Plump free icons →
