Иконка Cursor Click Remix
streamline-flex:cursor-click-remix
Иконка Cursor Click Remix (streamline-flex:cursor-click-remix) — бесплатная SVG-иконка из набора Flex free icons от Streamline. Она нарисована на сетке 14 × 14. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Flex free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 14 × 14
- Категория
- Компьютеры и устройства
- Теги
- cursorclick, clickremix, cursorclickremix
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M4.694.899a.875.875 0 0 0-1.69.452l.33 1.238a.875.875 0 1 0 1.691-.453zM.279 3.623a.875.875 0 0 0 .618 1.072l1.238.331a.875.875 0 0 0 .453-1.69L1.35 3.004a.875.875 0 0 0-1.071.619m.886 4.58a.875.875 0 0 0 1.237 0l.906-.906A.875.875 0 0 0 2.07 6.06l-.906.906a.875.875 0 0 0 0 1.237m7.037-7.038a.875.875 0 0 1 0 1.238l-.906.906A.875.875 0 0 1 6.06 2.07l.906-.906a.875.875 0 0 1 1.237 0m4.226 6.656c-2.45-2.037-5.462-2.49-6.887-2.356a.08.08 0 0 0-.053.022a.08.08 0 0 0-.022.053c-.133 1.425.319 4.438 2.356 6.887q.023.027.038.037l.001-.002c.224-.513.466-1.2.665-1.807a.625.625 0 0 1 1.036-.247l1.916 1.917a.6.6 0 0 0 .848-.847L10.409 9.56a.625.625 0 0 1 .247-1.036c.607-.2 1.294-.44 1.807-.665h.002a.2.2 0 0 0-.037-.04m-7.004-3.6c1.713-.16 5.067.363 7.804 2.639c.338.28.536.695.495 1.13c-.041.45-.327.827-.76 1.015c-.29.128-.624.257-.963.38l1.21 1.209a1.85 1.85 0 0 1-2.616 2.615l-1.209-1.21a15 15 0 0 1-.379.964c-.188.432-.565.718-1.014.76c-.436.04-.85-.158-1.131-.496c-2.276-2.737-2.8-6.091-2.64-7.804c.06-.642.56-1.142 1.203-1.203" clip-rule="evenodd"/></svg>Как использовать иконку Cursor Click Remix
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:cursor-click-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:cursor-click-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:cursor-click-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--cursor-click-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:cursor-click-remix"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:cursor-click-remix"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-flex/cursor-click-remix.svg" alt="Иконка Cursor Click Remix" width="24" height="24">Похожие иконки в наборе Flex free icons
Иконка Cursor Click Remix в других наборах
Вопросы и ответы: Иконка Cursor Click Remix
Можно ли бесплатно использовать иконку Cursor Click Remix в коммерческих проектах?
Да. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Cursor Click Remix в React?
Установите @iconify/react и выведите <Icon icon="streamline-flex:cursor-click-remix" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cursor Click Remix на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-flex/cursor-click-remix.svg" alt="Иконка Cursor Click Remix">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.