Иконка Flip Rotate Clockwise
streamline-freehand:flip-rotate-clockwise
Иконка Flip Rotate Clockwise (streamline-freehand:flip-rotate-clockwise) — бесплатная SVG-иконка из набора Freehand free icons от Streamline. Она нарисована на сетке 24 × 24. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Дизайн
- Теги
- fliprotate, rotateclockwise, fliprotateclockwise
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.756 11.013A17 17 0 0 0 16.6 8.948c-1.002-.852-2.095-1.713-3.127-2.625A20 20 0 0 1 12.21 5.14a.64.64 0 0 0-.601 0a188 188 0 0 1-2.005 2.004A43 43 0 0 1 7.481 9.07a13.7 13.7 0 0 0-2.436 2.565a1.21 1.21 0 0 0-.06 1.383c.11.14 1.704 1.744 3.358 3.318c1.503 1.423 3.006 2.826 3.497 3.136a.32.32 0 0 0 .387.058a.321.321 0 0 0-.016-.569c-.29-.22-1.002-1.002-2.004-1.914c-1.794-1.854-4.16-4.35-4.4-4.65c0-.06.1-.15.14-.22a5.6 5.6 0 0 1 .702-.913c.481-.54 1.002-1.092 1.453-1.493c.451-.4 1.093-1.102 1.624-1.674a101 101 0 0 0 2.184-2.455c.481.541 1.003 1.072 1.514 1.594c.842.831 1.714 1.633 2.515 2.435c.421.41.952.882 1.393 1.323q.388.325.702.721c-.05.08-.501.612-1.113 1.363a129 129 0 0 1-2.746 3.328q-.813 1-1.743 1.894a.32.32 0 0 0-.175.35a.321.321 0 0 0 .545.16a36 36 0 0 0 3.207-3.166a106 106 0 0 0 3.007-3.398a1.11 1.11 0 0 0-.26-1.232m4.199 5.621a6.86 6.86 0 0 0 1.002-4.41a8.8 8.8 0 0 0-2.155-4.7a.28.28 0 0 0-.44.34a8.44 8.44 0 0 1 1.663 4.44a7.2 7.2 0 0 1-.16 2.005a7 7 0 0 1-.712 1.844a8.1 8.1 0 0 1-3.157 3.007q.154-.338.23-.702c.05-.33.09-.651.12-1.002c.03-.35.07-1.002.07-1.453a.28.28 0 0 0-.358-.291a.27.27 0 0 0-.192.24a15.6 15.6 0 0 1-.522 2.276a3.4 3.4 0 0 1-.34.621a1.27 1.27 0 0 0-.15.852a1.1 1.1 0 0 0 .68.752l.352.15l.581.16l1.183.18h1.864q.363 0 .721.06a.33.33 0 0 0 .391-.23a.32.32 0 0 0-.23-.38a3 3 0 0 0-.552-.12c-.671-.111-1.603-.181-2.004-.282l-1.082-.27l-.281-.08a8.46 8.46 0 0 0 3.478-3.007M5.186 8.006c.06-.39.13-.771.22-1.152q.12-.57.3-1.123q.139-.328.342-.621c.148-.258.2-.56.15-.852a1.09 1.09 0 0 0-.682-.752l-.35-.15l-.582-.13l-1.182-.18c-.421-.05-1.203-.05-1.864-.05q-.361.03-.722 0a.33.33 0 0 0-.39.23a.31.31 0 0 0 .23.38q.27.089.551.12c.671.111 1.604.181 2.004.281l1.083.271l.28.08a8.46 8.46 0 0 0-3.527 3.037a6.83 6.83 0 0 0-1.003 4.41a8.8 8.8 0 0 0 2.155 4.7a.28.28 0 1 0 .441-.34a8.44 8.44 0 0 1-1.583-4.44a7.2 7.2 0 0 1 .16-2.005a7 7 0 0 1 .682-1.814a8.1 8.1 0 0 1 3.156-3.057q-.153.338-.23.702c0 .33-.09.651-.12 1.002c-.03.35-.07 1.002-.07 1.453a.28.28 0 1 0 .55 0"/></svg>Как использовать иконку Flip Rotate Clockwise
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:flip-rotate-clockwise" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:flip-rotate-clockwise" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:flip-rotate-clockwise" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--flip-rotate-clockwise]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:flip-rotate-clockwise"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:flip-rotate-clockwise"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/flip-rotate-clockwise.svg" alt="Иконка Flip Rotate Clockwise" width="24" height="24">Похожие иконки в наборе Freehand free icons
Иконка Flip Rotate Clockwise в других наборах
Вопросы и ответы: Иконка Flip Rotate Clockwise
Можно ли бесплатно использовать иконку Flip Rotate Clockwise в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Flip Rotate Clockwise в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:flip-rotate-clockwise" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Flip Rotate Clockwise на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/flip-rotate-clockwise.svg" alt="Иконка Flip Rotate Clockwise">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.