Иконка Zoom Out Gesture Remix
streamline-flex:zoom-out-gesture-remix
Иконка Zoom Out Gesture Remix (streamline-flex:zoom-out-gesture-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
- Категория
- Основы интерфейса
- Теги
- zoomout, outgesture, gestureremix, zoomoutgestureremix
Код 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.201.1c.29.187.374.574.186.864a6.6 6.6 0 0 0-.512.956l.595.17a.625.625 0 0 1 .236 1.075c-.503.43-1.18.774-1.821.895a.63.63 0 0 1-.538-.152c-.482-.441-.877-1.09-1.078-1.72a.625.625 0 0 1 .767-.79l.626.177A8.3 8.3 0 0 1 3.337.286A.625.625 0 0 1 4.201.1M2.292 8.25a.625.625 0 0 1-1.248.061a8.3 8.3 0 0 1 .06-1.454L.472 6.7a.625.625 0 0 1-.268-1.07c.49-.446 1.155-.81 1.793-.95a.63.63 0 0 1 .542.136c.496.426.91 1.061 1.13 1.686a.625.625 0 0 1-.742.814l-.601-.152a7 7 0 0 0-.034 1.085m4.165-4.026a.74.74 0 0 1 .903.522l.66 2.465c.083.31.387.506.703.455c.784-.125 1.664-.176 2.392.031c.684.195 1.23.61 1.467 1.494c.267.996.188 1.701-.043 2.498a.625.625 0 0 0 1.2.35c.282-.97.388-1.911.05-3.171c-.367-1.372-1.292-2.077-2.332-2.373c-.786-.224-1.636-.217-2.371-.138l-.519-1.935a1.988 1.988 0 0 0-3.84 1.03l.89 3.318l-.413-.095l-.054-.01a1.832 1.832 0 0 0-1.17 3.4l3.205 1.851a.625.625 0 1 0 .625-1.082l-3.205-1.85A.582.582 0 0 1 4.954 9.9l1.395.323a.625.625 0 0 0 .745-.77l-1.16-4.325a.74.74 0 0 1 .523-.904" clip-rule="evenodd"/></svg>Как использовать иконку Zoom Out Gesture Remix
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:zoom-out-gesture-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:zoom-out-gesture-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:zoom-out-gesture-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--zoom-out-gesture-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:zoom-out-gesture-remix"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:zoom-out-gesture-remix"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-flex/zoom-out-gesture-remix.svg" alt="Иконка Zoom Out Gesture Remix" width="24" height="24">Похожие иконки в наборе Flex free icons
Вопросы и ответы: Иконка Zoom Out Gesture Remix
Можно ли бесплатно использовать иконку Zoom Out Gesture Remix в коммерческих проектах?
Да. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Zoom Out Gesture Remix в React?
Установите @iconify/react и выведите <Icon icon="streamline-flex:zoom-out-gesture-remix" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Zoom Out Gesture Remix на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-flex/zoom-out-gesture-remix.svg" alt="Иконка Zoom Out Gesture Remix">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.