Иконка Loading Circle Remix
streamline-plump:loading-circle-remix
Иконка Loading Circle Remix (streamline-plump:loading-circle-remix) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Plump free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Основы интерфейса
- Теги
- loadingcircle, circleremix, loadingcircleremix
Код 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>Как использовать иконку 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>Веб-компонент
<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>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/loading-circle-remix.svg" alt="Иконка Loading Circle Remix" width="24" height="24">Похожие иконки в наборе Plump free icons
Вопросы и ответы: Иконка Loading Circle Remix
Можно ли бесплатно использовать иконку Loading Circle Remix в коммерческих проектах?
Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Loading Circle Remix в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump:loading-circle-remix" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Loading Circle Remix на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump/loading-circle-remix.svg" alt="Иконка Loading Circle Remix">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.