ICONYZ
Русский
Иконка Lock Rotation из набора Flex free icons

Иконка Lock Rotation

streamline-flex:lock-rotation

Иконка Lock Rotation (streamline-flex:lock-rotation) — бесплатная 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
Категория
Основы интерфейса
Теги
lockrotation
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.488 6.387V5.194a1.512 1.512 0 1 1 3.023 0v1.193"/><path d="M12.689 7.738c-.305 3.11-2.31 4.84-5.663 4.84c-3.65 0-5.703-2.052-5.703-5.702s2.053-5.704 5.703-5.704c2.922 0 4.82 1.316 5.462 3.712m0 0l.02.075z"/><path d="M4.779 8.924a.91.91 0 0 0 .873.883c.81.032 1.886.032 2.696 0a.91.91 0 0 0 .874-.883c.021-.563.021-1.113 0-1.676a.91.91 0 0 0-.874-.883a39 39 0 0 0-2.696 0a.91.91 0 0 0-.873.883a22 22 0 0 0 0 1.676m8.438-5.839q.195 1.123-.586 1.953q-1.123.195-1.953-.587"/></g></svg>

Как использовать иконку Lock Rotation

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-flex:lock-rotation" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-flex:lock-rotation" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-flex:lock-rotation" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--lock-rotation]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:lock-rotation"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-flex:lock-rotation"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-flex/lock-rotation.svg" alt="Иконка Lock Rotation" width="24" height="24">

Похожие иконки в наборе Flex free icons

Иконка lock-rotation-remix
lock-rotation-remix
 Иконка lock-rotation-solid
lock-rotation-solid

Иконка Lock Rotation в других наборах

Иконка Lock Rotation из набора Flex color icons
Flex color icons
 Иконка Lock Rotation из набора Framework7 Icons
Framework7 Icons
 Иконка Lock Rotation из набора Streamline
Streamline
 Иконка Lock Rotation из набора Streamline color
Streamline color

Вопросы и ответы: Иконка Lock Rotation

Можно ли бесплатно использовать иконку Lock Rotation в коммерческих проектах?

Да. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Lock Rotation в React?

Установите @iconify/react и выведите <Icon icon="streamline-flex:lock-rotation" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Lock Rotation на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-flex/lock-rotation.svg" alt="Иконка Lock Rotation">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Flex free icons →