Icône Keycloak

selfhst:keycloak

L'icône Keycloak (selfhst:keycloak) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: selfh.st/icons
Auteur: selfh.st
Licence: CC-BY-4.0
Taille: 512 × 512

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#4d4d4d" d="M507.6 149.3h-73.8c-1.4 0-2.7-.7-3.4-2L371 44.1c-.7-1.2-2-2-3.5-2H125.1c-1.2 0-2.3.5-3.1 1.5c-.4.4-.7.8 0 .2L2.2 252.6c-1.9 2.8-2.4 4.5-1.5 6.2L121 467.1c.3.5.7.9 1.1 1.3c.7.9 1.8 1.4 3 1.4h242.4c1.4 0 2.7-.7 3.5-2l59.4-103.2c.7-1.2 2-2 3.4-2h73.8c2.4 0 4.4-2 4.4-4.4V153.6c0-2.3-2-4.3-4.4-4.3"/><path fill="#e1e1e1" d="M73.4 245.4L7.1 269.5L.5 258.2c-.7-1.2-.7-2.7 0-3.9l30.1-52.2z"/><path fill="#c8c8c8" d="M512 258.4v50.7l-43.7-44.5z"/><path fill="#c2c2c2" d="m468.2 264.6l43.7 44.5v49.6c0 2.4-2 4.4-4.4 4.4l-50.8-.1z"/><path fill="#c7c7c7" d="M468.2 264.6L456.7 363h-61.2L377 318.3z"/><path fill="#cecece" d="M512 211.3v47l-43.7 6.2z"/><path fill="#d3d3d3" d="M512 153.7v57.6l-43.7 53.2l-33.1-115.3h72.2c2.4-.1 4.5 1.8 4.6 4.3z"/><path fill="#c6c6c6" d="M395.5 363h-32.3l-8.4-12l22.1-32.7z"/><path fill="#d5d5d5" d="m468.2 264.6l-121.1-51.2l63.7-64.1h24.4z"/><path fill="#d0d0d0" d="m347.2 213.4l29.8 105l91.2-53.8z"/><path fill="#bfbfbf" d="m354.5 363l.4-12l8.4 12z"/><path fill="#d9d9d9" d="m410.8 149.3l-63.7 64.1l-11.4-57.4l24.6-6.8h50.5z"/><path fill="#d4d4d4" d="m347.2 213.4l-147 33.9L354.9 351z"/><path fill="#d0d0d0" d="m347.2 213.4l7.7 137.6l22.1-32.7z"/><path fill="#d9d9d9" d="m335.7 156l-135.5 91.2l147-33.9z"/><path fill="#d8d8d8" d="M200.2 247.3L136.5 363h-36.2L73.4 245.4z"/><path fill="#e2e2e2" d="m135 149.3l-61.5 96.1l-15.7-90.3l2.4-3.8c.7-1.2 2-1.9 3.4-1.9z"/><path fill="#d8d8d8" d="M100.3 363H63.4c-1.4 0-2.8-.8-3.5-2L7.1 269.5l66.4-24.1z"/><path fill="#e4e4e4" d="m30.6 202.2l27.2-47.1l15.7 90.3z"/><path fill="#dedede" d="m335.7 156l-40.8-6.8H160.1l40.1 98zm-135.5 91.3l-40.1-98H135l-61.5 96.1z"/><path fill="#c5c5c5" d="M325.4 363h29.1l.4-12z"/><path fill="#d0d0d0" d="M267.4 363h58l29.5-12l-154.7-103.7L228.1 363z"/><path fill="#d1d1d1" d="m228.1 363l-27.9-115.7L136.5 363z"/><path fill="#ddd" d="m336.1 149.3l-.4 6.8l24.6-6.9l-11.2.1z"/><path fill="#008aaa" d="m204.7 114.3l-82 141.9l-20.6 35.6l-19.6-34c-.3-.5-.4-1-.4-1.6s.1-1.2.4-1.7l19.9-34.4l60.4-104.5c.6-1.1 1.8-1.8 3-1.8H203c.6 0 1.2.2 1.7.5m164.9 141.9l-82 142q-.75-.45-1.2-1.2l-18.7-32.2c-.5-1-.5-2.3 0-3.3l59.7-103.4c.3-.5.5-1.2.5-1.8z"/><path fill="#00b8e3" d="m224.6 151.1l-59.7 103.4c-.3.5-.4 1.1-.4 1.7h-41.7l82-142q.75.45 1.2 1.2l18.6 32.3c.5 1.1.5 2.4 0 3.4m-19.9 247.2c-.5.3-1.1.5-1.8.5h-37.1c-1.3 0-2.4-.7-3-1.8l-55.2-95.6l-5.5-9.5l20.6-35.6zm205.4-142.1c0 .6-.2 1.3-.5 1.8l-80.3 139.3c-.6 1-1.8 1.7-3 1.6h-37c-.6 0-1.2-.2-1.8-.5l82.1-142.3l20.6-35.6l19.5 33.8c.3.7.4 1.3.4 1.9m-40.5 0h-41.7c0-.6-.2-1.2-.5-1.8l-59.7-103.1c-.6-1.1-.6-2.5 0-3.6l18.6-32.2q.45-.75 1.2-1.2z"/><path fill="#33c6e9" d="M224.5 365L206 397.1q-.45.75-1.2 1.2l-82-142.2h41.7c0 .6.1 1.1.4 1.6l59.6 103.2c.8 1.2.9 2.9 0 4.1m165.6-144.4l-20.6 35.6l-82-142c.6-.3 1.2-.5 1.8-.5h37.1c1.2 0 2.3.6 3 1.6z"/></svg>

Comment utiliser l'icône Keycloak

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:keycloak" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:keycloak" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:keycloak" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--keycloak]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:keycloak"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:keycloak"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/selfhst/keycloak.svg" alt="Icône Keycloak" width="24" height="24">

Icônes similaires dans selfh.st/icons

L'icône Keycloak dans d'autres collections

FAQ : Icône Keycloak

L'icône Keycloak est-elle gratuite pour un usage commercial ?

Oui. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Keycloak dans React ?

Installez @iconify/react et affichez <Icon icon="selfhst:keycloak" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Keycloak à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/keycloak.svg" alt="Icône Keycloak">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les selfh.st/icons →