Иконка Arrow Sync Outline

typcn:arrow-sync-outline

Иконка Arrow Sync Outline (typcn:arrow-sync-outline) — бесплатная SVG-иконка из набора Typicons от Stephen Hutchings. Она нарисована на сетке 24 × 24. Typicons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Typicons
Автор: Stephen Hutchings
Лицензия: CC-BY-SA-4.0
Размер: 24 × 24
Теги: arrowsync, syncoutline, arrowsyncoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.5 12.473c0-2.495-.818-4.426-2.653-6.259a3 3 0 0 0-1.073-.682l-.946-.946L13.121.879C12.555.312 11.801 0 11 0S9.445.312 8.879.879A2.98 2.98 0 0 0 8 3q0 .417.11.809a9.5 9.5 0 0 0-2.827 1.974A9.43 9.43 0 0 0 2.5 12.5c0 2.495.818 4.426 2.653 6.259c.299.298.652.521 1.034.669l.985.986l3.707 3.707c.566.567 1.32.879 2.121.879s1.555-.312 2.121-.879c.567-.566.879-1.32.879-2.121q0-.43-.117-.834a9.5 9.5 0 0 0 2.833-1.975a9.43 9.43 0 0 0 2.784-6.718m-9.13 7.484l1.337 1.336a.999.999 0 1 1-1.414 1.414L8.586 19l3.707-3.707a.997.997 0 0 1 1.414 0a1 1 0 0 1 0 1.414l-1.247 1.247c1.351-.091 2.425-.59 3.428-1.593a5.46 5.46 0 0 0 1.611-3.888c0-1.422-.401-2.351-1.48-3.429a1 1 0 1 1 1.415-1.416c1.448 1.447 2.066 2.896 2.066 4.844c0 2.004-.78 3.887-2.197 5.303c-1.39 1.39-3.01 2.1-4.933 2.182m-.766-14.939l-1.311-1.311a.999.999 0 1 1 1.414-1.414L15.414 6l-3.707 3.707a.997.997 0 0 1-1.414 0a1 1 0 0 1 0-1.414l1.275-1.275c-1.365.086-2.448.584-3.456 1.593A5.46 5.46 0 0 0 6.5 12.5c0 1.422.401 2.351 1.48 3.429a1 1 0 1 1-1.415 1.416C5.118 15.897 4.5 14.448 4.5 12.5c0-2.004.78-3.887 2.197-5.303c1.382-1.383 2.993-2.093 4.907-2.179M8.688 15.222C7.8 14.335 7.5 13.648 7.5 12.5c0-1.202.468-2.332 1.318-3.181l.187-.179c.033.481.236.93.581 1.274c.378.378.88.586 1.414.586s1.036-.208 1.414-.586l2.339-2.339a1.99 1.99 0 0 0 .56 1.675c.888.887 1.188 1.574 1.188 2.722a4.47 4.47 0 0 1-1.318 3.181l-.188.181a2 2 0 0 0-.579-1.248C14.036 14.208 13.534 14 13 14s-1.036.208-1.414.586l-2.342 2.342a2 2 0 0 0-.556-1.706"/></svg>

Как использовать иконку Arrow Sync Outline

React

import { Icon } from "@iconify/react";

<Icon icon="typcn:arrow-sync-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="typcn:arrow-sync-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="typcn:arrow-sync-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[typcn--arrow-sync-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/typcn -->
<div class="i-typcn:arrow-sync-outline"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="typcn:arrow-sync-outline"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/typcn/arrow-sync-outline.svg" alt="Иконка Arrow Sync Outline" width="24" height="24">

Вопросы и ответы: Иконка Arrow Sync Outline

Можно ли бесплатно использовать иконку Arrow Sync Outline в коммерческих проектах?

Да. Typicons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Arrow Sync Outline в React?

Установите @iconify/react и выведите <Icon icon="typcn:arrow-sync-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Arrow Sync Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/typcn/arrow-sync-outline.svg" alt="Иконка Arrow Sync Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Typicons →