ICONYZ
Русский
Иконка Key Fill из набора Lets Icons

Иконка Key Fill

lets-icons:key-fill

Иконка Key Fill (lets-icons:key-fill) — бесплатная SVG-иконка из набора Lets Icons от Leonid Tsvetkov. Она нарисована на сетке 24 × 24. Lets Icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Lets Icons
Автор
Leonid Tsvetkov
Лицензия
CC-BY-4.0
Размер
24 × 24
Категория
Защита
Теги
keyfill
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="8" cy="15" r="3" fill="currentColor" stroke="currentColor" stroke-width="2"/><path fill="currentColor" d="M18.207 6.207a1 1 0 0 0-1.414-1.414zm.086 3.5l.707.707L20.414 9l-.707-.707zm-2 0l.707.707L18.414 9l-.707-.707zm-7 2.586a1 1 0 1 0 1.414 1.414zm6.5-1.086l.707.707l1.414-1.414l-.707-.707zm1.414-4l1-1l-1.414-1.414l-1 1zm-1.414 0l2.5 2.5l1.414-1.414l-2.5-2.5zm.414 1l1-1l-1.414-1.414l-1 1zm-1.414 0l1.5 1.5l1.414-1.414l-1.5-1.5zm-4.086 5.5l4.5-4.5l-1.414-1.414l-4.5 4.5zm4.5-4.5l1-1l-1.414-1.414l-1 1zm-1.414 0l2 2l1.414-1.414l-2-2z"/></svg>

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

React

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

<Icon icon="lets-icons:key-fill" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:key-fill" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:key-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--key-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:key-fill"></div>

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

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

<iconify-icon icon="lets-icons:key-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/lets-icons/key-fill.svg" alt="Иконка Key Fill" width="24" height="24">

Похожие иконки в наборе Lets Icons

Иконка key
key
 Иконка key-alt
key-alt
 Иконка key-alt-duotone
key-alt-duotone
 Иконка key-alt-duotone-line
key-alt-duotone-line
 Иконка key-alt-fill
key-alt-fill
 Иконка key-alt-light
key-alt-light
 Иконка key-duotone
key-duotone
 Иконка key-duotone-line
key-duotone-line
 Иконка key-light
key-light

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

Иконка Key Fill из набора Phosphor
Phosphor
 Иконка Key Fill из набора Bootstrap Icons
Bootstrap Icons
 Иконка Key Fill из набора Remix Icon
Remix Icon
 Иконка Key Fill из набора Keyline Icons
Keyline Icons
 Иконка Key Fill из набора Mage Icons
Mage Icons
 Иконка Key Fill из набора Sargam Icons
Sargam Icons

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

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

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

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

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

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

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

Все Lets Icons →