Иконка Lock Key 1

streamline-freehand:lock-key-1

Иконка Lock Key 1 (streamline-freehand:lock-key-1) — бесплатная SVG-иконка из набора Freehand free icons от Streamline. Она нарисована на сетке 24 × 24. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Freehand free icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Основы интерфейса
Теги: lockkey

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.751 12.152c-.07-.09-.28-.3-.31-.34l-.449-.56c-.11-.12-.21-.269-.35-.419a4 4 0 0 0-.449-.4a4 4 0 0 0-.799-.439l1.049-1.108c.06-.09.3-.24.37-.34a.5.5 0 0 0 .09-.26a.36.36 0 0 0-.36-.36c-.23 0-.37.2-1.928 1.569c-.999.939-2.087 1.818-3.126 2.747c-.69.629-1.349 1.288-1.998 1.927l-1.738 1.878c-.08.09-.519.55-.709.779a4 4 0 0 0-.41-.27a4.125 4.125 0 0 0-5.663 2.258a3.776 3.776 0 0 0 1.998 4.764a3.994 3.994 0 0 0 4.924-1.099a.354.354 0 1 0-.53-.47a3.226 3.226 0 0 1-3.944.67a2.717 2.717 0 0 1-1.339-3.456a3.14 3.14 0 0 1 1.668-1.738a3.1 3.1 0 0 1 2.457-.08c.57.239 1.043.665 1.339 1.209c.311.572.47 1.216.46 1.868a.31.31 0 0 0 .299.33a.32.32 0 0 0 .33-.3a4.7 4.7 0 0 0-.39-2.248a3.6 3.6 0 0 0-.72-.999c.21-.21.66-.589.75-.659l1.907-1.618l.86-.709q.47.566.998 1.079q.35.313.74.58c.409.289.788.499 1.128.788a.36.36 0 0 0 .54-.47a8 8 0 0 0-.9-1.158l-.45-.42a5 5 0 0 0-.489-.349c-.29-.18-.629-.35-.998-.53c.41-.359.829-.728 1.228-1.108a33 33 0 0 0 1.998-2.087q.241.245.44.529c.13.17.249.34.389.5q.266.265.57.489l.638.39s.26.239.32.179a.35.35 0 0 0 .28.14c.23 0 .3-.14.35-.26a.42.42 0 0 0-.07-.42M4.015 16.337a19 19 0 0 1-2.397-.4a2 2 0 0 1-.07-.39c-.07-.399-.1-.998-.14-1.568c-.04-.569-.07-1.358-.11-2.077c0-.48-.06-.999-.07-1.398c0-.93 0-2.697.08-3.406a39 39 0 0 1 6.562-.27c1.13.06 2.268.15 3.286.28q1.014.105 1.998.37v.06c.325 1.306.493 2.647.5 3.994a.32.32 0 0 0 .629 0a23 23 0 0 0-.05-3.785a2.9 2.9 0 0 0-.23-.909a.74.74 0 0 0-.41-.35a7 7 0 0 0-.888-.29a7.4 7.4 0 0 0-1.648-4.734A4.73 4.73 0 0 0 7.39.006a5.07 5.07 0 0 0-2.996.999a5.34 5.34 0 0 0-1.688 2.597q-.16.489-.22.999a7 7 0 0 0 0 .998v.5q-.746.112-1.468.33c-.61.16-.84 5.083-.86 5.563s0 .689 0 .999q.03 1.04.19 2.067c.052.552.237 1.084.54 1.548c.232.206.521.338.829.38c.51.05 1.308.1 2.267.11a.34.34 0 0 0 .38-.33a.36.36 0 0 0-.35-.43m9.08-8.99l.05.07c.049.07-.07-.01-.03-.03zM3.105 5.59q.013-.453.1-.898q.075-.43.25-.83a4.5 4.5 0 0 1 1.558-1.977a4.13 4.13 0 0 1 2.407-.68a3.69 3.69 0 0 1 3.386 1.619A7.14 7.14 0 0 1 11.925 6h-.14a20 20 0 0 0-2.777-.29A38.5 38.5 0 0 0 3.196 6a2.5 2.5 0 0 0-.05-.37z"/><path d="M9.01 12.122a1.52 1.52 0 0 0 .359-1.129a.36.36 0 0 0-.72 0a.62.62 0 0 1-.719.63a1.74 1.74 0 0 1-1.068-.49a.64.64 0 0 1-.27-.46c-.03-.38.05-.762.23-1.098a.8.8 0 0 1 .719-.49c.233.02.462.073.679.16c.7.3.24.56.68.59a.31.31 0 0 0 .329-.29a.84.84 0 0 0-.33-.72a3.3 3.3 0 0 0-1.238-.639a1.71 1.71 0 0 0-1.538.46a2.8 2.8 0 0 0-.73 2.067a1.67 1.67 0 0 0 .56 1.159c.408.364.916.597 1.458.67a1.77 1.77 0 0 0 1.598-.42"/></g></svg>

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

React

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

<Icon icon="streamline-freehand:lock-key-1" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:lock-key-1" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:lock-key-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--lock-key-1]"></span>

UnoCSS

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

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

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

<iconify-icon icon="streamline-freehand:lock-key-1"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Freehand free icons →