Icône Api Key Outline
flowbite:api-key-outline
L'icône Api Key Outline (flowbite:api-key-outline) est une icône SVG gratuite de la collection Flowbite Icons par Themesberg. Elle est dessinée sur une grille de 24 × 24. Les Flowbite Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Flowbite Icons
- Auteur
- Themesberg
- Licence
- MIT
- Taille
- 24 × 24
- Catégorie
- Général
- Mots-clés
- apikey, keyoutline, apikeyoutline
Code 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>Comment utiliser l'icône 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>Web component
<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>Image HTML
<img src="https://iconyz.com/api/public/svg/flowbite/api-key-outline.svg" alt="Icône Api Key Outline" width="24" height="24">FAQ : Icône Api Key Outline
L'icône Api Key Outline est-elle gratuite pour un usage commercial ?
Oui. Les Flowbite Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Api Key Outline dans React ?
Installez @iconify/react et affichez <Icon icon="flowbite:api-key-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Api Key Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/flowbite/api-key-outline.svg" alt="Icône Api Key Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.