Иконка Api Key Outline
flowbite:api-key-outline
Иконка Api Key Outline (flowbite:api-key-outline) — бесплатная SVG-иконка из набора Flowbite Icons от Themesberg. Она нарисована на сетке 24 × 24. Flowbite Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Flowbite Icons
- Автор
- Themesberg
- Лицензия
- MIT
- Размер
- 24 × 24
- Категория
- Общее
- Теги
- apikey, keyoutline, apikeyoutline
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M6.943 11h-.852l.96-2.91h1.08L9.09 11h-.852l-.637-2.108H7.58zm-.159-1.148h1.602v.591H6.784zM9.371 11V8.09h1.256a1.2 1.2 0 0 1 .567.129a.93.93 0 0 1 .377.36q.135.23.135.54q0 .314-.139.542a.9.9 0 0 1-.388.352a1.3 1.3 0 0 1-.58.123h-.75v-.613h.59a.5.5 0 0 0 .237-.049a.35.35 0 0 0 .152-.14a.4.4 0 0 0 .054-.215a.4.4 0 0 0-.054-.213a.34.34 0 0 0-.152-.136a.5.5 0 0 0-.237-.048h-.278V11zm3.415-2.91V11h-.79V8.09z"/><path stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M8.318 2a1 1 0 0 0-1 1v.729l-.18.073l-.553-.538a1 1 0 0 0-1.396 0L3.31 5.096a1 1 0 0 0 0 1.432l.529.515q-.03.067-.058.137H3a1 1 0 0 0-1 1v2.59a1 1 0 0 0 1 1h.78l.058.136l-.529.515a1 1 0 0 0 0 1.433l1.88 1.83a1 1 0 0 0 1.396 0l.552-.537q.09.038.181.073v.73a1 1 0 0 0 1 1h2.66a1 1 0 0 0 1-1v-.73q.196-.076.388-.165l.543.261v.434a1 1 0 0 0 1 1H14v.063a1 1 0 0 0 1 1h.09v.062a1 1 0 0 0 1 1h.685l.495.482a3 3 0 0 0 4.187 0l.24-.234a1 1 0 0 0-.016-1.449l-6.216-5.784l.05-.12h.78a1 1 0 0 0 1-1V8.18a1 1 0 0 0-1-1h-.78l-.057-.137l.528-.515a1 1 0 0 0 0-1.432l-1.88-1.832a1 1 0 0 0-1.396 0l-.552.538q-.09-.038-.18-.073V3a1 1 0 0 0-1-1z"/></g></svg>Как использовать иконку Api Key Outline
React
import { Icon } from "@iconify/react";
<Icon icon="flowbite:api-key-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flowbite:api-key-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flowbite:api-key-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flowbite--api-key-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flowbite -->
<div class="i-flowbite:api-key-outline"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flowbite:api-key-outline"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/flowbite/api-key-outline.svg" alt="Иконка Api Key Outline" width="24" height="24">Вопросы и ответы: Иконка Api Key Outline
Можно ли бесплатно использовать иконку Api Key Outline в коммерческих проектах?
Да. Flowbite Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Api Key Outline в React?
Установите @iconify/react и выведите <Icon icon="flowbite:api-key-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Api Key Outline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/flowbite/api-key-outline.svg" alt="Иконка Api Key Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.