Иконка Password Lock
streamline-plump:password-lock
Иконка Password Lock (streamline-plump:password-lock) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Plump free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Основы интерфейса
- Теги
- passwordlock
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"><path d="M42.832 22c.1-1.624.168-3.608.168-6c0-3.902-.182-6.72-.386-8.657c-.232-2.193-1.918-3.755-4.117-3.918C35.672 3.215 30.854 3 23 3s-12.672.216-15.497.425c-2.199.163-3.885 1.725-4.117 3.918C3.182 9.279 3 12.098 3 16s.182 6.72.386 8.657c.232 2.193 1.918 3.755 4.117 3.918c2.825.21 7.643.425 15.497.425q2.146 0 4-.02m1.064 7.25c.092-1.748 1.323-2.958 3.069-3.079C32.357 33.067 34.087 33 36.5 33c2.553 0 4.332.075 5.553.166c1.597.12 2.743 1.203 2.855 2.8c.054.77.092 1.762.092 3.034a44 44 0 0 1-.092 3.033c-.112 1.598-1.258 2.681-2.855 2.8c-1.22.092-3 .167-5.553.167s-4.332-.075-5.553-.166c-1.597-.12-2.743-1.203-2.855-2.8A44 44 0 0 1 28 39c0-1.132.026-2.042.064-2.77M36.5 38v2"/><path d="m41 33l-.182-3.88a4.323 4.323 0 0 0-8.636 0L32 33M9 16a3 3 0 1 0 6 0a3 3 0 0 0-6 0m11 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0m11 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0"/></g></svg>Как использовать иконку Password Lock
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:password-lock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:password-lock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:password-lock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--password-lock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:password-lock"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:password-lock"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/password-lock.svg" alt="Иконка Password Lock" width="24" height="24">Похожие иконки в наборе Plump free icons
Иконка Password Lock в других наборах
Вопросы и ответы: Иконка Password Lock
Можно ли бесплатно использовать иконку Password Lock в коммерческих проектах?
Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Password Lock в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump:password-lock" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Password Lock на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump/password-lock.svg" alt="Иконка Password Lock">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.