أيقونة Kit Kat
thesvg-color:kit-kat
أيقونة Kit Kat (thesvg-color:kit-kat) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 225 × 93. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 225 × 93
- الوسوم
- kitkat
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="225" height="93" viewBox="0 0 225 93"><path fill="#ed1d24" fill-rule="evenodd" d="M0 0h225v93.383H0z" clip-rule="evenodd"/><path fill="#ed1d24" fill-rule="evenodd" stroke="#ed1d24" d="M56.881 57.182L63.875 36.2l-9.151 10.566z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="m55.717 71.353l14.507-43.445h16.029l-3.127 9.209l-11.462 34.236z" clip-rule="evenodd"/><path d="m84.858 28.908l-2.678 7.887l-11.236 33.558H57.105l13.839-41.444h13.914m2.791-2.001H69.503l-.456 1.367l-13.839 41.444l-.879 2.634h18.054l.457-1.365L84.076 37.43l2.675-7.878z"/><path fill="#fff" fill-rule="evenodd" d="M80.245 28.271c-4.232 0-7.547-2.531-7.547-5.762c0-3.177 3.386-5.762 7.547-5.762c.548 0 1.075.082 1.54.155q.268.043.519.076l.06.007l.058.015c3.212.803 5.371 3.017 5.371 5.509c0 2.581-2.168 4.797-5.396 5.515a9 9 0 0 1-2.152.247" clip-rule="evenodd"/><path d="M80.245 17.748c.67 0 1.339.149 1.935.223c2.678.669 4.613 2.455 4.613 4.539c0 2.157-1.935 3.943-4.613 4.539a8 8 0 0 1-1.935.223c-3.571 0-6.547-2.083-6.547-4.762c-.001-2.605 2.975-4.762 6.547-4.762m0-2c-4.713 0-8.547 3.034-8.547 6.762c0 3.792 3.754 6.762 8.547 6.762c.833 0 1.661-.096 2.395-.276c3.682-.828 6.154-3.432 6.154-6.485c0-2.959-2.463-5.563-6.128-6.479l-.117-.029l-.121-.015q-.237-.031-.488-.071c-.502-.081-1.07-.169-1.695-.169"/><path fill="#fff" fill-rule="evenodd" d="m41.489 87.275l-5.673-26.606l-9.251 26.606H8.083L36.079 6.033h18.786l-5.623 16.202L62.966 6.033h22.371l-2.402 2.771l-31.822 37.052l8.329 41.419z" clip-rule="evenodd"/><path d="m83.147 7.033l-.967 1.116l-32.144 37.426l8.185 40.7H42.298l-6.25-29.316l-10.194 29.316H9.485L36.792 7.033h16.667l-6.92 19.94l16.89-19.94zm4.381-2H62.503l-.599.708l-9.959 11.757l3.404-9.809l.921-2.656H35.366l-.464 1.349L7.594 85.624l-.914 2.651h20.596l.467-1.343l7.842-22.553l4.757 22.313l.337 1.583h19.984l-.481-2.395l-7.992-39.743L83.697 9.452l.961-1.109z"/><path fill="#fff" fill-rule="evenodd" d="M90.026 72.864q-.457 0-.907-.024c-2.612-.182-5.324-1.02-7.455-2.3c-4.404-2.642-6.026-6.866-4.452-11.591l4.02-11.908l10.424-30.74h16.718l-.608 2.031l-3.289 9.8h9.443l-4.158 12.566h-9.455l-6.541 19.336c-.076.236-.066.363-.058.408h.078c.308 0 .888-.281 1.131-1.035l2.844-8.21h13.256l-3.284 9.943l-.076.15c-2.549 7.519-10.974 11.574-17.631 11.574" clip-rule="evenodd"/><path d="m107.031 17.301l-.223.744l-3.721 11.086h9.45l-3.497 10.566h-9.45l-6.77 20.016c-.372 1.152.205 1.729.967 1.729s1.711-.576 2.083-1.729l2.604-7.517h11.161l-2.827 8.559l-.075.147c-2.283 6.85-10.039 10.962-16.708 10.962q-.43 0-.853-.022c-2.158-.15-4.762-.818-6.994-2.159c-3.349-2.009-5.655-5.506-4.018-10.417l4.02-11.906L92.373 17.3zm2.686-1.999H90.939l-.46 1.358l-10.193 30.06l-4.019 11.908c-1.713 5.139.114 9.91 4.884 12.771c2.261 1.358 5.135 2.248 7.884 2.439c.349.02.669.027.992.027c6.985 0 15.828-4.269 18.556-12.185l.011-.021l.068-.135l.047-.143l2.827-8.559l.868-2.627H98.15l2.875-8.499h9.46l.454-1.372l3.496-10.566l.87-2.628h-9.438l2.836-8.45l.011-.031l.009-.032l.223-.744z"/><path fill="#ed1d24" fill-rule="evenodd" stroke="#ed1d24" d="M110.975 44.087h-8.259l-1.265 3.721h8.259z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="m132.51 87.275l-4.293-28.703l-10.06 28.703H99.674l6.19-17.845l21.808-63.397h18.805l-6.841 18.969l16.418-18.969h22.57L164.86 22.118l-21.571 25.093l6.664 40.064z" clip-rule="evenodd"/><path d="M176.452 7.033L164.1 21.468l-21.875 25.446l6.548 39.361h-15.402l-4.763-31.845l-11.16 31.845h-16.369l5.729-16.518l21.577-62.725h16.667l-8.185 22.694L156.51 7.032h19.942m4.344-1.999h-25.2l-.598.691l-12.597 14.553l4.532-12.565l.966-2.679h-20.942l-.465 1.35l-21.577 62.725l-5.726 16.512l-.921 2.655h20.598l.47-1.339l8.489-24.223l3.568 23.857l.255 1.704h19.485l-.388-2.328l-6.395-38.438l21.266-24.737L177.97 8.333z"/><path fill="#fff" fill-rule="evenodd" d="M155.668 73.296c-.436 0-.875-.031-1.307-.093c-2.493-.282-4.474-1.452-5.858-3.474c-2.796-4.082-2.443-10.649-1.291-15.033c1.446-5.651 5.364-11.352 11.166-12.883h-5.68l.492-1.344c2.644-7.215 5.968-11.622 10.463-13.87c3.601-1.882 7.563-2.04 11.311-2.04c3.479 0 7.109 1.763 9.475 4.601c2.736 3.286 3.409 7.64 1.893 12.262l-1.715 4.998l-8.786 26.047h-14.843l.262-.76c-1.624.892-3.506 1.589-5.582 1.589m8.777-31.483c1.935.685 3.763 1.993 5.249 3.712l2.161-6.658c.391-1.117-.049-2.334-.427-2.469c-.323.015-1.528.865-2.888 4.746l-.234.669z" clip-rule="evenodd"/><path d="M174.964 25.56c3.125 0 6.474 1.563 8.706 4.241s3.273 6.548 1.711 11.31l-1.711 4.985l-8.558 25.372h-12.723l.743-2.157c-2.341 1.69-4.797 2.985-7.465 2.985q-.576.001-1.165-.083c-7.888-.894-7.888-11.311-6.324-17.263c1.499-5.856 6.153-12.536 13.303-12.536q.448 0 .908.036c.595 0 1.116.149 1.711.298c2.382.818 4.539 2.753 5.953 4.911l2.753-8.483c.521-1.488 0-3.348-1.042-3.72a1.1 1.1 0 0 0-.31-.043c-1.028 0-2.442 1.359-3.857 5.4h-13.468c2.753-7.516 6.102-11.384 9.971-13.319c3.275-1.711 6.921-1.934 10.864-1.934m0-2c-3.872 0-7.973.167-11.79 2.162c-4.705 2.353-8.187 6.935-10.922 14.403l-.984 2.688h2.611c-3.86 2.658-6.491 7.162-7.638 11.641c-1.202 4.576-1.55 11.48 1.437 15.841c1.529 2.231 3.801 3.58 6.571 3.902c.469.065.945.099 1.419.099c1.486 0 2.888-.334 4.161-.828h16.721l.459-1.36l8.558-25.373l1.707-4.975c1.637-4.986.899-9.679-2.065-13.239c-2.553-3.06-6.478-4.961-10.245-4.961m-6.673 19.253h.726l.469-1.339c.592-1.69 1.119-2.7 1.511-3.294a1.6 1.6 0 0 1-.077.335l-1.662 5.12q-.471-.436-.967-.822"/><path fill="#231f20" fill-rule="evenodd" d="M166.109 52.57c2.158.52.595 4.539-.074 6.62c-.446 1.266-1.042 3.126-1.935 4.168c-.595.67-1.265 1.042-2.008.894c-1.937-.447-1.042-4.093-.373-6.028c.521-1.488 1.265-3.646 2.381-4.91c.522-.596 1.191-.967 2.009-.744" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M193.79 74.346q-.527 0-1.075-.019c-2.386-.125-6.786-.687-9.678-3.052c-3.235-2.83-3.726-6.992-1.482-12.394l1.171-3.367L196.2 16.3h15.941l-3.942 11.831h8.714l-4.401 12.938h-8.698l-6.471 19.552a1 1 0 0 0-.063.36c.005-.002.057 0 .082 0c.312 0 .895-.27 1.136-.991l2.845-8.05h13.272l-3.212 9.288c-2.092 6.477-5.826 13.118-17.613 13.118" clip-rule="evenodd"/><path d="m210.753 17.301l-3.942 11.831h8.705l-3.721 10.938h-8.705l-6.697 20.238c-.372 1.116.205 1.674.968 1.674c.764 0 1.712-.558 2.084-1.674l2.604-7.366h11.161l-2.753 7.961c-2.234 6.921-6.076 12.443-16.666 12.443q-.511 0-1.043-.018c-2.827-.148-6.622-.818-9.077-2.827c-2.382-2.084-3.571-5.506-1.191-11.235l1.191-3.422l13.243-38.543zm2.774-2h-18.042l-.464 1.35l-13.243 38.543l-1.17 3.359c-2.987 7.24-.702 11.312 1.744 13.452l.025.022l.025.021c3.112 2.547 7.751 3.146 10.239 3.276c.417.014.785.021 1.147.021c12.501 0 16.49-7.391 18.569-13.829l2.74-7.922l.917-2.653h-14.418l2.936-8.872h8.694l.461-1.356l3.721-10.938l.899-2.644h-8.724l3.065-9.198z"/><circle cx="218.768" cy="38.273" r="1.75" fill="none" stroke="#000" stroke-width=".3" clip-rule="evenodd"/></svg>كيفية استخدام أيقونة Kit Kat
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:kit-kat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:kit-kat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:kit-kat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kit-kat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kit-kat"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:kit-kat"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/kit-kat.svg" alt="أيقونة Kit Kat" width="24" height="24">أيقونات ذات صلة في theSVG Color
الأسئلة الشائعة حول أيقونة Kit Kat
هل أيقونة Kit Kat مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Kit Kat في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:kit-kat" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Kit Kat إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/kit-kat.svg" alt="أيقونة Kit Kat">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.