Icono Kelloggs
thesvg-color:kelloggs
El icono Kelloggs (thesvg-color:kelloggs) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 1000 × 350. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 1000 × 350
- Etiquetas
- kellogg
Código SVG
<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>Cómo usar el icono Kelloggs
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/kelloggs.svg" alt="Icono Kelloggs" width="24" height="24">Preguntas frecuentes sobre Icono Kelloggs
¿El icono Kelloggs es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Kelloggs en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:kelloggs" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Kelloggs a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/kelloggs.svg" alt="Icono Kelloggs">, o pega el código SVG en línea para darle estilo con CSS.