Иконка Key Frame Flat
streamline-flex-color:key-frame-flat
Иконка Key Frame Flat (streamline-flex-color:key-frame-flat) — бесплатная SVG-иконка из набора Flex color icons от Streamline. Она нарисована на сетке 14 × 14. Flex color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Flex color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 14 × 14
- Категория
- Основы интерфейса
- Теги
- keyframe, frameflat, keyframeflat
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#8fbffa" d="M13.097 9.253a.75.75 0 0 1 .676.818a67 67 0 0 1-.226 2.02a1.74 1.74 0 0 1-1.501 1.51c-.656.087-1.34.17-2.042.238a.75.75 0 1 1-.144-1.493a58 58 0 0 0 1.99-.231a.24.24 0 0 0 .208-.21c.08-.64.158-1.301.221-1.975a.75.75 0 0 1 .817-.677M4.815.836a.75.75 0 0 1-.675.819c-.678.065-1.344.146-1.99.23a.24.24 0 0 0-.208.211c-.08.64-.158 1.3-.221 1.975A.75.75 0 0 1 .227 3.93a67 67 0 0 1 .226-2.02A1.74 1.74 0 0 1 1.954.4C2.61.312 3.294.229 3.996.162a.75.75 0 0 1 .819.674m4.371 0a.75.75 0 0 1 .818-.674c.702.067 1.386.15 2.042.237a1.74 1.74 0 0 1 1.5 1.511c.082.647.161 1.324.227 2.02a.75.75 0 0 1-1.494.14a66 66 0 0 0-.22-1.974a.24.24 0 0 0-.209-.21a58 58 0 0 0-1.99-.231a.75.75 0 0 1-.674-.819M.904 9.253a.75.75 0 0 1 .817.677c.063.674.14 1.335.22 1.974c.015.11.1.196.209.21c.646.086 1.312.166 1.99.232a.75.75 0 0 1-.144 1.493a59 59 0 0 1-2.042-.237a1.74 1.74 0 0 1-1.5-1.512a67 67 0 0 1-.227-2.02a.75.75 0 0 1 .677-.817"/><path fill="#2859c5" d="M9.533 5.099a.25.25 0 0 0-.354 0l-.086.086l.674.675a.75.75 0 1 1-1.06 1.06l-.675-.674l-.542.542c.195.395.282.849.282 1.326c0 .741-.21 1.427-.71 1.926c-.499.5-1.184.71-1.926.71c-.741 0-1.427-.21-1.926-.71c-.5-.5-.71-1.185-.71-1.926c0-.742.21-1.427.71-1.926c.5-.5 1.185-.71 1.926-.71c.46 0 .897.08 1.282.26l1.7-1.7a1.75 1.75 0 0 1 2.475 0l.688.687a.75.75 0 1 1-1.061 1.06zM4 8.114c0-.466.129-.724.27-.866c.143-.142.4-.27.866-.27s.724.128.866.27s.27.4.27.866s-.128.723-.27.865s-.4.271-.866.271s-.723-.129-.865-.27C4.129 8.836 4 8.58 4 8.113"/></g></svg>Как использовать иконку Key Frame Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:key-frame-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:key-frame-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:key-frame-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--key-frame-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:key-frame-flat"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex-color:key-frame-flat"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/key-frame-flat.svg" alt="Иконка Key Frame Flat" width="24" height="24">Похожие иконки в наборе Flex color icons
Вопросы и ответы: Иконка Key Frame Flat
Можно ли бесплатно использовать иконку Key Frame Flat в коммерческих проектах?
Да. Flex color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Key Frame Flat в React?
Установите @iconify/react и выведите <Icon icon="streamline-flex-color:key-frame-flat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Key Frame Flat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/key-frame-flat.svg" alt="Иконка Key Frame Flat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.