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

Иконка Key

keyline-icons:key

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

Набор
Keyline Icons
Автор
Keyline Icons
Лицензия
MIT
Размер
24 × 24
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 12C10 14.2091 8.2091 16 6 16C3.7909 16 2 14.2091 2 12C2 9.7909 3.7909 8 6 8C8.2091 8 10 9.7909 10 12ZM10 12L22 12M17 12L17 16M21 12L21 16"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:key"></iconify-icon>

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

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

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

Иконка key-duotone
key-duotone
 Иконка key-fill
key-fill
 Иконка key-round
key-round
 Иконка key-round-duotone
key-round-duotone
 Иконка key-round-fill
key-round-fill
 Иконка key-round-sharp
key-round-sharp
 Иконка key-round-sharp-duotone
key-round-sharp-duotone
 Иконка key-round-sharp-fill
key-round-sharp-fill
 Иконка key-round-sharp-two-tone
key-round-sharp-two-tone
 Иконка key-round-two-tone
key-round-two-tone
 Иконка key-sharp
key-sharp
 Иконка key-sharp-duotone
key-sharp-duotone
 Иконка key-sharp-fill
key-sharp-fill
 Иконка key-sharp-two-tone
key-sharp-two-tone
 Иконка key-square
key-square
 Иконка key-square-duotone
key-square-duotone
 Иконка key-square-fill
key-square-fill
 Иконка key-square-sharp
key-square-sharp
 Иконка key-square-sharp-duotone
key-square-sharp-duotone
 Иконка key-square-sharp-fill
key-square-sharp-fill
 Иконка key-square-sharp-two-tone
key-square-sharp-two-tone
 Иконка key-square-two-tone
key-square-two-tone
 Иконка key-two-tone
key-two-tone
 Иконка keyboard
keyboard

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

Иконка Key из набора Material Design Icons
Material Design Icons
 Иконка Key из набора Lucide
Lucide
 Иконка Key из набора Tabler Icons
Tabler Icons
 Иконка Key из набора Font Awesome 6 Solid
Font Awesome 6 Solid
 Иконка Key из набора Material Symbols
Material Symbols
 Иконка Key из набора Phosphor
Phosphor
 Иконка Key из набора Bootstrap Icons
Bootstrap Icons
 Иконка Key из набора HeroIcons
HeroIcons
 Иконка Key из набора Carbon
Carbon
 Иконка Key из набора @icons
@icons
 Иконка Key из набора Akar Icons
Akar Icons
 Иконка Key из набора Arcticons
Arcticons

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

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

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

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

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

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

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

Все Keyline Icons →