Ikon Keycloak
thesvg-color:keycloak
Ikon Keycloak (thesvg-color:keycloak) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 168 × 151. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 168 × 151
Kode SVG
<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>Cara memakai ikon Keycloak
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:keycloak"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/keycloak.svg" alt="Ikon Keycloak" width="24" height="24">Ikon Keycloak di set ikon lain
FAQ Ikon Keycloak
Apakah ikon Keycloak gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Keycloak di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:keycloak" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Keycloak ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/keycloak.svg" alt="Ikon Keycloak">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.