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

Иконка Key Duotone

lets-icons:key-duotone

Иконка Key Duotone (lets-icons:key-duotone) — бесплатная 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
Категория
Защита
Теги
keyduotone
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-opacity=".25" d="M18.896 10H8v4h6.732a.5.5 0 0 0 .416-.223l.436-.653a.5.5 0 0 1 .832 0l.376.564a.25.25 0 0 0 .416 0l.376-.564a.5.5 0 0 1 .832 0l.415.622a.25.25 0 0 0 .385.038l1.607-1.607a.25.25 0 0 0 0-.354l-1.75-1.75a.25.25 0 0 0-.177-.073"/><rect width="6" height="1" x="10" y="11" fill="currentColor" rx=".5"/><path fill="currentColor" fill-rule="evenodd" d="M3.586 8.586C3 9.172 3 10.114 3 12s0 2.828.586 3.414S5.114 16 7 16s2.828 0 3.414-.586S11 13.886 11 12s0-2.828-.586-3.414S8.886 8 7 8s-2.828 0-3.414.586M6 10a1 1 0 1 0 0 2a1 1 0 0 0 0-2" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

<img src="https://iconyz.com/api/public/svg/lets-icons/key-duotone.svg" alt="Иконка Key Duotone" 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-line
key-duotone-line
 Иконка key-fill
key-fill
 Иконка key-light
key-light

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

Иконка Key Duotone из набора Phosphor
Phosphor
 Иконка Key Duotone из набора Keyline Icons
Keyline Icons
 Иконка Key Duotone из набора Lucide Extended
Lucide Extended
 Иконка Key Duotone из набора Reicon
Reicon
 Иконка Key Duotone из набора Sargam Icons
Sargam Icons

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

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

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

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

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

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

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

Все Lets Icons →