Иконка 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

<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">

Вопросы и ответы: Иконка 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.

Все Иконки theSVG Color →