Иконка Focus Frame Remix
streamline-flex:focus-frame-remix
Иконка Focus Frame Remix (streamline-flex:focus-frame-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
- Категория
- Изображения и фотография
- Теги
- focusframe, frameremix, focusframeremix
Код 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="M13.768 4.09C13.891 5.018 14 5.995 14 7s-.11 1.983-.23 2.908l-.001.004c-.106.773-.517 1.472-1.135 1.991c-.616.518-1.407.834-2.24.914h-.003C9.3 12.915 8.164 13 7 13s-2.3-.085-3.39-.183h-.003c-.833-.08-1.624-.396-2.24-.914c-.618-.52-1.029-1.218-1.135-1.991v-.003C.109 8.983 0 8.006 0 7s.109-1.982.232-2.91v-.002c.106-.773.517-1.472 1.135-1.991c.616-.518 1.407-.834 2.24-.914h.003C4.7 1.085 5.835 1 7 1s2.301.085 3.39.183h.003c.833.08 1.624.396 2.24.914c.618.52 1.029 1.218 1.135 1.991zm-1.239.167c-.06-.436-.296-.863-.7-1.204a2.84 2.84 0 0 0-1.553-.625C9.198 2.33 8.107 2.25 7 2.25s-2.197.08-3.276.178a2.84 2.84 0 0 0-1.553.625c-.404.34-.64.768-.7 1.204C1.349 5.17 1.25 6.08 1.25 7s.1 1.831.22 2.743c.06.436.297.863.701 1.204a2.84 2.84 0 0 0 1.554.625c1.078.098 2.169.178 3.275.178s2.197-.08 3.277-.178a2.84 2.84 0 0 0 1.553-.625c.404-.34.64-.768.7-1.203c.12-.915.22-1.824.22-2.744s-.1-1.831-.22-2.743M4.548 5.49c.33-.068.594-.085.998-.072a.75.75 0 1 0 .05-1.499c-.736-.024-1.176.04-1.883.231a.75.75 0 0 0-.535.555C2.998 5.48 2.953 6 2.953 6.97a.75.75 0 1 0 1.5 0c0-.667.022-1.06.095-1.48m3.906 3.09c.404.013.668-.004.998-.072c.073-.42.095-.812.095-1.48a.75.75 0 1 1 1.5 0c0 .97-.046 1.491-.225 2.265a.75.75 0 0 1-.535.555c-.708.191-1.147.255-1.883.23a.75.75 0 1 1 .05-1.498" clip-rule="evenodd"/></svg>Как использовать иконку Focus Frame Remix
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:focus-frame-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:focus-frame-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:focus-frame-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--focus-frame-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:focus-frame-remix"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:focus-frame-remix"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-flex/focus-frame-remix.svg" alt="Иконка Focus Frame Remix" width="24" height="24">Похожие иконки в наборе Flex free icons
Вопросы и ответы: Иконка Focus Frame Remix
Можно ли бесплатно использовать иконку Focus Frame Remix в коммерческих проектах?
Да. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Focus Frame Remix в React?
Установите @iconify/react и выведите <Icon icon="streamline-flex:focus-frame-remix" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Focus Frame Remix на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-flex/focus-frame-remix.svg" alt="Иконка Focus Frame Remix">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.