Ícone Loader Outline
solar:loader-outline
O ícone Loader Outline (solar:loader-outline) é 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
- Tags
- loaderoutline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C12.7364 1.25 13.4563 1.32433 14.1523 1.46582C14.558 1.54836 14.8205 1.94391 14.7383 2.34961C14.6558 2.75549 14.2594 3.01801 13.8535 2.93555C13.2553 2.81394 12.6355 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 11.3688 21.1864 10.7527 21.0664 10.1582C20.9847 9.75246 21.2476 9.35749 21.6533 9.27539C22.0592 9.19344 22.455 9.45554 22.5371 9.86133C22.6768 10.553 22.75 11.2685 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12Z"/></svg>
Como usar o ícone Loader Outline
React
import { Icon } from "@iconify/react";
<Icon icon="solar:loader-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:loader-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:loader-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--loader-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:loader-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:loader-outline"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/solar/loader-outline.svg" alt="Ícone Loader Outline" width="24" height="24">
Ícones relacionados em Solar
O ícone Loader Outline em outras coleções
Perguntas frequentes sobre Ícone Loader Outline
O ícone Loader Outline é 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 Loader Outline no React?
Instale @iconify/react e renderize <Icon icon="solar:loader-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Loader Outline a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/loader-outline.svg" alt="Ícone Loader Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Solar →
ICONYZ
