Keycloak ikonu
thesvg-color:keycloak
Keycloak ikonu (thesvg-color:keycloak), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 168 × 151 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 168 × 151
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="168" height="151" viewBox="0 0 168 151"><g fill="none"><path fill="#4d4d4d" d="M21.902 37.302L43.506.013l87-.011l21.486 37.659l.027 75.332l-21.51 37.637l-86.973.03l-21.853-37.663z"/><path fill="#ededed" d="M21.687 112.986h39.208L39.36 75.036L56.874 37.31l-34.968-.007L0 75.342"/><path fill="#e0e0e0" d="M72.785 112.986h28.66l25.342-36.937l-24.9-38.385H68.174L47.867 74.756z"/><path fill="#acacac" d="m0 75.338l21.687 37.659h39.212l-21.301-37.53z"/><path fill="#9e9e9e" d="m48.28 75.346l24.51 37.651h28.655l24.945-37.636z"/><path fill="#00b8e3" d="m57.985 75.365l-7.397 2.154l-7.098-2.158l28.978-50.23l7.249 12.541"/><path fill="#33c6e9" d="m79.687 112.986l-7.212 12.593l-19.248-20.738l-9.751-29.468v-.016H57.98"/><path fill="#008aaa" d="M43.494 75.361h-.015v.011l-7.245 12.556l-7.276-12.499l7.378-12.797l21.649-37.493h14.49"/><path fill="#d4d4d4" d="M123.226 112.986h43.888l-.027-75.325h-43.861z"/><path fill="#919191" d="M123.226 75.463v37.53h43.808v-37.53z"/><path fill="#00b8e3" d="M72.483 125.594H57.981l-21.747-37.67l7.245-12.548z"/><path fill="#008aaa" d="m130.464 75.361l-28.985 50.222c-2.664-3.916-7.23-12.586-7.23-12.586l21.743-37.643z"/><path fill="#00b8e3" d="m115.955 125.583l-14.476-.004l28.989-50.222l7.241-12.54l7.265 12.624m-14.51-.08h-14.468l-21.75-37.693l7.199-12.525l17.605 22.382z"/><path fill="#33c6e9" d="M137.709 62.81v.01l-7.245 12.541l-29.015-50.214l14.517.007z"/></g></svg>Keycloak ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:keycloak" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:keycloak" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:keycloak" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--keycloak]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:keycloak"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:keycloak"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/keycloak.svg" alt="Keycloak ikonu" width="24" height="24">Diğer ikon setlerinde Keycloak ikonu
Keycloak ikonu: sık sorulan sorular
Keycloak ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Keycloak ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:keycloak" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Keycloak ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/keycloak.svg" alt="Keycloak ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.