Kit Kat icon

thesvg-color:kit-kat

The Kit Kat icon (thesvg-color:kit-kat) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 225 × 93 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 225 × 93
Tags: kitkat

Download SVG

SVG code

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

How to use the Kit Kat icon

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>

Web component

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

<img src="https://iconyz.com/api/public/svg/thesvg-color/kit-kat.svg" alt="Kit Kat icon" width="24" height="24">

Related icons in theSVG Color

Kit Kat icon FAQ

Is the Kit Kat icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Kit Kat icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:kit-kat" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Kit Kat icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/kit-kat.svg" alt="Kit Kat icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →