ICONYZ
العربية
أيقونة Keen من SVG Logos

أيقونة Keen

logos:keen

أيقونة Keen (logos:keen) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 111. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
512 × 111
تنزيل SVG

شيفرة SVG

<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

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>

مكوّن ويب

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

<iconify-icon icon="logos:keen"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/keen.svg" alt="أيقونة Keen" width="24" height="24">

الأسئلة الشائعة حول أيقونة Keen

هل أيقونة Keen مجانية للاستخدام التجاري؟

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Keen في React؟

ثبّت @iconify/react واعرض <Icon icon="logos:keen" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Keen إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/keen.svg" alt="أيقونة Keen">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات SVG Logos →