Иконка Desktop Lock
streamline-plump:desktop-lock
Иконка Desktop Lock (streamline-plump:desktop-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
- Категория
- Компьютеры и устройства
- Теги
- desktoplock
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="3"><path stroke-linecap="round" d="M15.069 20.213c.097-1.74 1.34-2.93 3.078-3.05C19.45 17.073 21.33 17 24 17c2.817 0 4.744.081 6.04.178c1.587.118 2.742 1.18 2.861 2.767c.058.772.099 1.77.099 3.055c0 1.284-.04 2.283-.099 3.055c-.12 1.587-1.274 2.649-2.861 2.767c-1.296.097-3.223.178-6.04.178s-4.744-.081-6.04-.178c-1.587-.118-2.742-1.18-2.861-2.767A41 41 0 0 1 15 23c0-1.14.027-2.055.069-2.787"/><path stroke-linecap="round" d="m28.88 17.106l-.105-2.527a4.778 4.778 0 0 0-9.549 0l-.105 2.526M24 22v2m3.999 11.002l.678 3.392a2 2 0 0 0 1.961 1.608h.901a3 3 0 0 1 2.942 2.412l.04.196a2 2 0 0 1-1.962 2.392h-17.12a2 2 0 0 1-1.962-2.392l.04-.196a3 3 0 0 1 2.941-2.412h.901a2 2 0 0 0 1.961-1.608l.68-3.392"/><path d="M3.444 30.044c.235 2.528 2.24 4.385 4.774 4.543c3.225.2 8.388.413 15.782.413s12.557-.212 15.782-.413c2.534-.158 4.539-2.015 4.774-4.543c.23-2.476.444-6.107.444-11.044s-.214-8.568-.444-11.044c-.235-2.528-2.24-4.385-4.774-4.543C36.557 3.213 31.394 3 24 3s-12.557.213-15.782.413c-2.534.158-4.539 2.015-4.774 4.543C3.214 10.432 3 14.063 3 19s.214 8.568.444 11.044Z"/></g></svg>Как использовать иконку Desktop Lock
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:desktop-lock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:desktop-lock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:desktop-lock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--desktop-lock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:desktop-lock"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:desktop-lock"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/desktop-lock.svg" alt="Иконка Desktop Lock" width="24" height="24">Похожие иконки в наборе Plump free icons
Иконка Desktop Lock в других наборах
Вопросы и ответы: Иконка Desktop Lock
Можно ли бесплатно использовать иконку Desktop Lock в коммерческих проектах?
Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Desktop Lock в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump:desktop-lock" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Desktop Lock на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump/desktop-lock.svg" alt="Иконка Desktop Lock">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.