Иконка Synchronize
streamline-plump:synchronize
Иконка Synchronize (streamline-plump:synchronize) — бесплатная 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
- Категория
- Основы интерфейса
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M21.84 3.113c1.285-.134 2.434.735 2.423 2.027a9.9 9.9 0 0 1-.5 2.995c-.33 1.006-1.311 1.593-2.353 1.785a14.29 14.29 0 0 0-9.813 6.923c-3.102 5.372-2.326 11.919 1.458 16.4c.86-.662 1.602-1.2 2.234-1.638c1.374-.951 3.014-.062 2.99 1.608c-.037 2.614-.34 5.455-.671 7.837a2.876 2.876 0 0 1-2.957 2.482c-2.423-.088-5.299-.286-7.896-.71c-1.63-.266-2.215-2.001-1.054-3.177a55 55 0 0 1 2.225-2.118c-5.53-6.571-6.658-16.156-2.115-24.024c3.499-6.06 9.563-9.717 16.029-10.39m4.32 41.773c-1.285.134-2.434-.734-2.423-2.026c.007-.83.127-1.855.5-2.995c.33-1.007 1.311-1.593 2.353-1.785a14.29 14.29 0 0 0 9.814-6.923c3.101-5.373 2.325-11.92-1.46-16.4a55 55 0 0 1-2.233 1.638c-1.374.95-3.014.062-2.99-1.609c.037-2.614.34-5.455.67-7.837a2.876 2.876 0 0 1 2.958-2.481c2.423.088 5.299.286 7.896.71c1.63.266 2.215 2 1.054 3.176a55 55 0 0 1-2.225 2.119c5.53 6.57 6.658 16.156 2.115 24.024c-3.499 6.06-9.563 9.717-16.029 10.39"/></svg>Как использовать иконку Synchronize
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:synchronize" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:synchronize" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:synchronize" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--synchronize]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:synchronize"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:synchronize"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/synchronize.svg" alt="Иконка Synchronize" width="24" height="24">Похожие иконки в наборе Plump free icons
Иконка Synchronize в других наборах
Вопросы и ответы: Иконка Synchronize
Можно ли бесплатно использовать иконку Synchronize в коммерческих проектах?
Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Synchronize в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump:synchronize" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Synchronize на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump/synchronize.svg" alt="Иконка Synchronize">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.