Ícone Loading Circle Remix
streamline-plump:loading-circle-remix
O ícone Loading Circle Remix (streamline-plump:loading-circle-remix) é 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
- loadingcircle, circleremix, loadingcircleremix
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="M24.284 4.5C13.358 4.5 4.5 13.358 4.5 24.286c0 9.208 6.292 16.952 14.813 19.156V41.43l-.059-.018l-.11-.033c-7.347-2.206-12.703-9.021-12.703-17.092c0-9.855 7.988-17.844 17.843-17.844c8.07 0 14.884 5.357 17.09 12.705a.3.3 0 0 0 .097.154q.015.012.022.014h1.945C41.234 10.793 33.491 4.5 24.283 4.5M.5 24.286C.5 11.149 11.148.5 24.284.5C35.465.5 44.84 8.215 47.385 18.61c.63 2.572-1.444 4.705-3.787 4.705h-2.11c-1.954 0-3.453-1.382-3.945-3.018c-1.712-5.703-7.004-9.855-13.26-9.855c-7.644 0-13.842 6.198-13.842 13.844c0 6.257 4.152 11.549 9.854 13.261q.322.098.6.185a3.46 3.46 0 0 1 2.418 3.31v2.56c0 2.343-2.133 4.418-4.704 3.788C8.214 44.844.5 35.468.5 24.286m40.99.97c-1.955 0-3.454 1.38-3.946 3.017a13.7 13.7 0 0 1-1.064 2.568c-.811 1.506-.726 3.542.655 4.923l1.49 1.491c1.658 1.657 4.633 1.617 6.007-.647a23.7 23.7 0 0 0 2.755-6.648c.63-2.573-1.446-4.704-3.788-4.704zM30.554 36.483c1.505-.81 3.541-.726 4.923.656l1.492 1.492c1.655 1.656 1.616 4.631-.648 6.005a23.7 23.7 0 0 1-6.649 2.752c-2.572.63-4.704-1.446-4.704-3.789V41.49c0-1.953 1.38-3.453 3.018-3.944a13.7 13.7 0 0 0 2.568-1.063" clip-rule="evenodd"/></svg>Como usar o ícone Loading Circle Remix
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:loading-circle-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:loading-circle-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:loading-circle-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--loading-circle-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:loading-circle-remix"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:loading-circle-remix"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/loading-circle-remix.svg" alt="Ícone Loading Circle Remix" width="24" height="24">Ícones relacionados em Plump free icons
Perguntas frequentes sobre Ícone Loading Circle Remix
O ícone Loading Circle Remix é 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 Loading Circle Remix no React?
Instale @iconify/react e renderize <Icon icon="streamline-plump:loading-circle-remix" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Loading Circle Remix a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-plump/loading-circle-remix.svg" alt="Ícone Loading Circle Remix">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.