Keen ikonu
logos:keen
Keen ikonu (logos:keen), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 111 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 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
- SVG Logos
- Yazar
- Gil Barbara
- Lisans
- CC0-1.0
- Boyut
- 512 × 111
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="111" viewBox="0 0 512 111"><path fill="#f35757" d="m51.554 63.039l6.075 10.52l-15.156 26.31h78.896l6.04 10.461H24.173z"/><path fill="#49c5b1" d="m51.608 20.943l27.264 47.36H66.726L51.567 42.047L12.031 110.33H0z"/><path fill="#00afd7" d="M115.303 89.362H60.65l6.08-10.552h30.314L57.678 10.43L63.698 0z"/><path fill="#546a7e" d="m212.144 81.164l-25.712-31.711l23.88-23.69c1.033-1.03 1.535-2.133 1.535-3.37c0-2.505-2.151-4.7-4.603-4.7c-1.611 0-2.697.764-3.674 1.634L165.739 58.11V22.49a4.806 4.806 0 0 0-4.8-4.799c-2.55 0-4.707 2.198-4.707 4.8V84.56c0 2.603 2.156 4.801 4.708 4.801a4.805 4.805 0 0 0 4.799-4.801V69.943l13.947-13.945l25.077 31.23c.991 1.416 2.288 2.135 3.856 2.135c2.604 0 4.804-2.199 4.804-4.801c0-1.555-.61-2.546-1.28-3.398m54.381-19.36c0-13.256-8.418-26.676-24.508-26.676c-14.185 0-25.297 12.017-25.297 27.361v.198c0 15.602 11.298 27.366 26.28 27.366c7.987 0 14.096-2.445 19.783-7.898c.951-.833 1.476-1.937 1.476-3.11c0-2.268-1.89-4.113-4.212-4.113c-1.264 0-2.158.62-2.754 1.115c-4.212 3.878-8.691 5.685-14.096 5.685c-8.946 0-15.66-6.196-16.96-15.52h35.881a4.414 4.414 0 0 0 4.407-4.408m-24.704-18.55c9.913 0 14.366 7.898 15.3 15.617h-30.884c1.28-9.245 7.582-15.616 15.584-15.616m80.565 18.55c0-13.256-8.419-26.676-24.509-26.676c-14.182 0-25.293 12.017-25.293 27.361v.198c0 15.602 11.298 27.366 26.277 27.366c7.985 0 14.094-2.445 19.782-7.9c.951-.831 1.474-1.935 1.474-3.108c0-2.268-1.89-4.113-4.214-4.113c-1.262 0-2.156.62-2.752 1.115c-4.212 3.878-8.69 5.685-14.095 5.685c-8.942 0-15.655-6.196-16.96-15.52h35.88a4.416 4.416 0 0 0 4.41-4.408m-24.705-18.55c9.91 0 14.362 7.898 15.3 15.617h-30.885c1.281-9.245 7.582-15.616 15.585-15.616m59.8-8.126c-6.927 0-12.491 2.695-16.578 8.024v-2.726c0-2.64-2.065-4.708-4.702-4.708c-2.538 0-4.604 2.111-4.604 4.708V84.66c0 2.637 2.065 4.702 4.702 4.702c2.624 0 4.604-2.022 4.604-4.702V58.846c0-8.888 5.925-15.096 14.41-15.096c8.28 0 13.224 5.423 13.224 14.503V84.66c0 2.637 2.067 4.702 4.707 4.702c2.585 0 4.61-2.065 4.61-4.702V56.384c0-12.912-7.997-21.256-20.373-21.256m66.103-17.436c-2.55 0-4.703 2.197-4.703 4.799v62.07c0 2.602 2.154 4.8 4.703 4.8a4.807 4.807 0 0 0 4.803-4.8V22.49c0-2.646-2.155-4.8-4.803-4.8m52.479-.69c-20.26 0-36.13 16.044-36.13 36.524v.197c0 20.713 15.449 36.33 35.934 36.33C496.129 90.053 512 74.01 512 53.526v-.195c0-20.711-15.45-36.329-35.937-36.329m26.134 36.524v.197c0 15.63-11.236 27.416-26.134 27.416c-15.008 0-26.325-11.872-26.325-27.613v-.196c0-15.628 11.233-27.413 26.129-27.413c14.764 0 26.33 12.127 26.33 27.609"/></svg>Keen ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="logos:keen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:keen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:keen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--keen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:keen"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:keen"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/keen.svg" alt="Keen ikonu" width="24" height="24">Keen ikonu: sık sorulan sorular
Keen ikonu ticari kullanım için ücretsiz mi?
Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Keen ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:keen" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Keen 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/logos/keen.svg" alt="Keen ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.