Ícone Loop
simple-line-icons:loop
O ícone Loop (simple-line-icons:loop) é um ícone SVG gratuito da coleção Simple line icons de Sabbir Ahmed. Ele é desenhado em uma grade de 1024 × 1024. Simple line icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Simple line icons
- Autor
- Sabbir Ahmed
- Licença
- MIT
- Tamanho
- 1024 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m960 101.84l-896.002.002c-35.344 0-64 28.656-64 64v576c0 35.36 28.656 64 64 64h160c20.496 0 32-26.32 32-31.984v-.016c0-5.824-10.88-32.416-32-32.416h-120.96c-21.376 0-38.72-17.344-38.72-38.72V206.002c0-21.391 17.328-38.72 38.72-38.72l818.272-1.007c21.376 0 38.72 17.328 38.72 38.72V702.69c0 21.376-17.344 38.72-38.72 38.72H518.142l75.984-68.912c9.344-8.944 12.369-23.408 3.025-32.336l-5.472-8.064c-9.376-8.945-24.496-8.945-33.84 0L428.111 750.53c-.192.16-.368.224-.528.368l-8.48 8.096c-4.672 4.431-7.008 10.335-6.976 16.223c-.032 5.904 2.288 11.777 6.977 16.288l8.48 8.096c.16.16.368.192.528.336L555.84 915.44c9.344 8.944 24.464 8.944 33.84 0l5.472-8.065c9.344-8.944 6.32-23.44-3.025-32.368l-77.135-69.168H960c35.343 0 64-28.64 64-64v-576c0-35.344-28.657-64-64-64z"/></svg>
Como usar o ícone Loop
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:loop" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:loop" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:loop" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--loop]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:loop"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:loop"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/simple-line-icons/loop.svg" alt="Ícone Loop" width="24" height="24">
O ícone Loop em outras coleções
Perguntas frequentes sobre Ícone Loop
O ícone Loop é grátis para uso comercial?
Sim. Simple line icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Loop no React?
Instale @iconify/react e renderize <Icon icon="simple-line-icons:loop" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Loop a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/simple-line-icons/loop.svg" alt="Ícone Loop">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Simple line icons →
ICONYZ
