ICONYZ
English
Kelloggs icon from theSVG Color

Kelloggs icon

thesvg-color:kelloggs

The Kelloggs icon (thesvg-color:kelloggs) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1000 × 350 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
1000 × 350
Tags
kellogg
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="350" viewBox="0 0 1000 350"><defs><clipPath id="SVGkLVPNeys"><path d="M0 0h612v792H0z"/></clipPath></defs><g fill="#d31245" clip-path="url(#SVGkLVPNeys)" transform="matrix(10.3654 0 0 -10.3654 -4991.695 7836.742)"><path d="M573.96 744.84c-1.69.003-3.223-1.36-5.13-2.947c-1.75-1.454-5.33-5.13-8.596-7.224c.91 1.43 3.104 4.52 3.434 5.97c.347 1.52-.767 2.11-2.3 1.17c-1.67-1.03-3.263-5.98-5.622-5.98c-.43 0-.73.21-.726.69c.01 1.45 2.255 4.34 6.285 5.93c.625.25.865.653.868 1c0 .11-.018.844-1.256.844c-3.98 0-9.352-4.645-10.105-8.206c-.775-.78-2.17-1.936-3.938-2.69c1.996 2.827 3.714 5.1 4.615 7.46c1.04 2.75-.44 3.11-1.96 2.306c-1.48-.782-2.52-2.953-2.96-3.78c-.43-.82-.8-1.87-2.1-2.915s-2.65-.87-1.698 1.17c.853 1.822 2.77 3.733 4.42 4.613c.39.21.733.334.72.86c-.02.835-.986 1.414-2.363.82c-1.87-.81-2.768-1.35-4.353-1.35c-1.258 0-1.91.34-2.447.563c-.72.306-1.25.2-1.53.11c-.252-.086-.65-.33-.983-.695c-.264-.29-.487-.765-.54-1.07c-.37-2.23-2.322-6.23-3.756-6.23c-.495 0-1.04.14-.9 1.28c.23 1.866 2.48 4.388 3 4.89c.52.506 1.5.85 1.57 1.41c.06.47-.226.995-1.15.995c-3.033 0-7.086-4.204-7.49-7.98c-.47-.44-1.036-.87-1.683-.87c-1.4 0-1.798 1.31-1.698 2.35c3.684 3.324 10.672 10.735 10.883 16.01c.05 1.26-.564 1.89-1.596 1.89c-2.6 0-6.244-3.8-8.51-6.73c-2.788-3.608-4.504-7.965-5.11-11.268c-2.04-1.77-2.868-1.888-3.756-1.888c-1.234 0-1.665.893-1.626 1.595c3.44 3.126 9.42 10.574 9.54 14.255c.036 1.09-.58 1.604-1.683 1.604c-2.345 0-5.666-2.475-8.054-5.734c-2.385-3.26-3.932-7.094-4.37-10.57c-1.785-1.604-3.12-1.93-4.22-1.93c-.665 0-1.153.468-1.27.664c1.58.912 5.18 3.2 5.18 6.61c0 1.694-1.143 2.45-2.28 2.45c-2.892 0-7.44-3.604-7.41-8.578c0-.088.014-.394.03-.505c-1.31-.45-2.212-.91-2.004-1.852c.19-.854 1.25-.81 2.63-.323c.318-.59 1.67-1.563 3.58-1.563c2.586 0 4.56 1.227 6.12 2.56c.655-1.535 2.27-2.34 3.96-2.34c2.05 0 4.08 1.39 5.68 2.65c.186-1.177 1.383-3.01 3.454-3.01c1.89 0 3.334 1.1 4.475 2.29c.3-1.2 1.4-2.15 2.834-2.15c4.783 0 7.465 6.77 8.083 9.2c.08.31.376.38.58.307c.89-.31 1.326-.464 2.45-.336c-1.82-1.43-3.424-3.87-3.424-5.653c0-1.78 1.543-2.607 2.67-2.607c1.13 0 2.624.73 3.607 1.65c-.26-.524-.61-1.325-1.17-1.89c-1.03-.283-4.05-1.373-5.97-2.54c-1.82-1.11-3.58-2.874-3.58-4.904c0-1.086.89-2.36 2.983-2.36c3.518 0 5.98 2.3 9.3 8.34c2.75 1.153 4.4 2.23 5.48 3.145c.474-.826 1.386-1.21 2.3-1.21c1.35 0 2.16.39 3.25 1.173c-.15-.37-.39-.926-.76-1.42c-1.966-.818-4.327-1.9-5.536-2.63c-3.225-1.944-3.94-3.687-3.94-5.06c0-.84.72-2.3 2.893-2.3c4.7 0 7.61 5.845 9.506 9.15c1.39.737 3.376 2.104 5.417 3.67c-.07-.25-.103-.51-.103-.805c0-1.467 1.33-2.847 3.51-2.847c4.307 0 5.647 3.174 5.594 6.6c-.02 1.12-.185 2.012-.2 2.41c-.04 1.046.308 1.61 1.26 1.61c.96 0 1.61.17 1.61.99c0 1.135-.81 1.65-1.91 1.65m-43.4 6.08c.123 0 .174-.11.17-.28c-.037-1.35-3.51-6.805-6.723-9.98c1.934 5.685 5.79 10.26 6.55 10.26M503.1 737.2c.14 2.423 2.06 4.29 2.818 4.29c.28 0 .41-.16.41-.493c0-.864-1.16-2.67-3.223-3.797m16.32 11.68c.145 0 .207-.113.202-.297c-.025-.998-2.525-5.58-5.734-8.755c1.686 5.15 4.43 9.05 5.53 9.05m17.557-23.46c-.246 0-.37.16-.37.396c0 1.473 3.27 3.214 4.985 3.843c-.74-1.198-3.456-4.24-4.618-4.24m13.09-.08c-.24 0-.33.144-.33.38c0 1.3 2.964 3.314 4.677 3.942c-.89-1.54-3.365-4.32-4.35-4.32m17.865 9.36c-.206 0-.52.05-.52.743c0 .504-.24 1.062-1.118 1.062c-.12 0-.25-.01-.398-.035c1.88 1.49 3.35 3.13 4.72 4.24c-.28-3.39-1.09-6.01-2.69-6.01"/><path d="M566.277 745.468c-.063-.595-.726-.862-.784-1.394c-.033-.31.186-.515.572-.51c.986.01 3.63 1.536 3.86 3.91c.116 1.197-.632 2.236-1.937 2.236c-1.32 0-2.514-1.238-2.625-2.278c-.107-1.017.975-1.385.914-1.964m-68.717-16.742c-.847.044-1.244 1.055-1.244 2.28c0 1.347.87 4.265 1.215 5.646c.35 1.393.5 3.646-.76 4.938c4.79 1.927 11.88 8.49 12.79 9.923c.91 1.435 1.09 3.26-.17 4.172c-1.25.912-3.3-.278-4.51-2.02c-3.33-4.802-5.34-7.146-7.61-9.12c-1.77-1.54-2.63-1.565-3.48-1.683c0 0 3.27 5.353 4.49 6.96c1.465 1.922-.34 2.64-2.09 1.426a62 62 0 0 0-6.474-3.89c-5.97-3.08-7.407-4.5-7.407-6.348c0-.82.57-1.852 1.77-1.852c2.34 0 4.654 4.182 5.787 5.223c.44.41 1.463 1.3 1.86 1.3c.13 0 .22-.08.22-.33c0-.8-1.553-3.07-3.96-5.67c-3.492-3.77-6.35-5.29-6.35-7.7c0-1.57 1.18-2.42 2.456-2.42c2.69 0 4.49 3.59 5.566 5.37c.43.71 2.803 5.133 3.303 6.09c.52-.277.84-.854.67-2.026c-.32-2.11-2.2-4.666-2.2-8.23c0-2.91 2.69-3.823 3.77-3.825c.998 0 2.318.385 2.646 1.384c.04.15-.01.403-.276.42m79.518 16.53c.56 0 .92-.36.92-.923c0-.56-.36-.92-.92-.92c-.565 0-.923.36-.923.92c0 .566.356.928.922.928m0-1.62c.425 0 .694.273.694.7s-.27.696-.694.696c-.428 0-.697-.27-.697-.694s.27-.7.694-.7m.06 1.17c.143 0 .304-.07.304-.278c0-.138-.09-.22-.19-.26c.064-.09.114-.218.19-.218h.053c.01-.01.02-.03.02-.07c0-.064-.047-.11-.14-.11c-.18 0-.2.214-.32.37h-.107v-.35c-.02-.014-.07-.02-.11-.02c-.06 0-.11.01-.11.1v.824c.02.01.06.014.108.014h.3zm-.187-.17v-.23h.137c.096 0 .15.045.15.12c0 .07-.05.11-.13.11z"/></g></svg>

How to use the Kelloggs icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:kelloggs" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:kelloggs" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:kelloggs" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kelloggs]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kelloggs"></div>

Web component

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

<iconify-icon icon="thesvg-color:kelloggs"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/kelloggs.svg" alt="Kelloggs icon" width="24" height="24">

Kelloggs icon FAQ

Is the Kelloggs 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 Kelloggs icon in React?

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

How do I add the Kelloggs icon to a web page?

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

Browse all theSVG Color icons →