Иконка Lock
iwwa:lock
Иконка Lock (iwwa:lock) — бесплатная SVG-иконка из набора Innowatio Font от Innowatio. Она нарисована на сетке 40 × 40. Innowatio Font icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Innowatio Font
- Автор
- Innowatio
- Лицензия
- Apache-2.0
- Размер
- 40 × 40
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path fill="currentColor" d="M33.678 40.018H6.323c-.725 0-1.314-.59-1.314-1.314V16.341c0-.725.59-1.314 1.314-1.314h27.354c.725 0 1.313.59 1.313 1.314v22.363a1.313 1.313 0 0 1-1.312 1.314M6.323 16.026a.315.315 0 0 0-.314.314v22.363c0 .171.144.314.314.314h27.354c.17 0 .313-.144.313-.314V16.341a.314.314 0 0 0-.313-.314H6.323z"/><path fill="currentColor" d="M31.718 16.026a.5.5 0 0 1-.5-.5v-3.327C31.218 6.013 26.186.981 20 .981c-6.185 0-11.216 5.032-11.216 11.218v3.327a.5.5 0 0 1-1 0v-3.327C7.784 5.462 13.264-.019 20-.019c6.737 0 12.218 5.48 12.218 12.218v3.327a.5.5 0 0 1-.5.5"/><g fill="currentColor"><path d="M20 35.247a.5.5 0 0 1-.5-.5V26.29a.5.5 0 0 1 1 0v8.457a.5.5 0 0 1-.5.5"/><path d="M20.028 29.97a4.03 4.03 0 0 1-4.023-4.025a4.027 4.027 0 0 1 4.023-4.021a4.026 4.026 0 0 1 4.022 4.021a4.03 4.03 0 0 1-4.022 4.025m0-7.046a3.026 3.026 0 0 0-3.023 3.021a3.027 3.027 0 0 0 3.023 3.025a3.027 3.027 0 0 0 3.022-3.025a3.025 3.025 0 0 0-3.022-3.021"/></g></svg>
Как использовать иконку Lock
React
import { Icon } from "@iconify/react";
<Icon icon="iwwa:lock" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iwwa:lock" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iwwa:lock" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iwwa--lock]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iwwa -->
<div class="i-iwwa:lock"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iwwa:lock"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/iwwa/lock.svg" alt="Иконка Lock" width="24" height="24">
Иконка Lock в других наборах
Вопросы и ответы: Иконка Lock
Можно ли бесплатно использовать иконку Lock в коммерческих проектах?
Да. Innowatio Font icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Lock в React?
Установите @iconify/react и выведите <Icon icon="iwwa:lock" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Lock на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/iwwa/lock.svg" alt="Иконка Lock">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Innowatio Font →
ICONYZ
