ICONYZ
Español
Icono Lipton de theSVG Color

Icono Lipton

thesvg-color:lipton

El icono Lipton (thesvg-color:lipton) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 212 × 212. 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
212 × 212
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="212" height="212" viewBox="0 0 212 212"><defs><filter id="SVGNYvYRPvz" width="1.101" height="1.101" x="-.05" y="-.05"><feGaussianBlur stdDeviation="2.918"/></filter><filter id="SVG7WjjKbFn" width="1.216" height="1.216" x="-.108" y="-.108"><feGaussianBlur stdDeviation="6.232"/></filter><filter id="SVGHV2uUdye" width="1.142" height="1.142" x="-.071" y="-.071"><feGaussianBlur stdDeviation="4.094"/></filter><filter id="SVGxSMzWJGT" width="1.087" height="1.271" x="-.037" y="-.112"><feFlood flood-color="#000" flood-opacity=".4" result="flood"/><feComposite in="flood" in2="SourceGraphic" operator="in" result="composite1"/><feGaussianBlur in="composite1" result="blur" stdDeviation="1.5"/><feOffset dx="1.3" dy="1.5" result="offset"/><feComposite in="SourceGraphic" in2="offset" result="composite2"/></filter><filter id="SVGfMpxkd3b" width="1.075" height="1.075" x="-.038" y="-.038"><feGaussianBlur stdDeviation=".366"/></filter><filter id="SVGegE2tDah" width="1.08" height="1.08" x="-.04" y="-.04"><feGaussianBlur stdDeviation=".18"/></filter><filter id="SVGsse7VNKD" width="1.142" height="1.142" x="-.071" y="-.071"><feGaussianBlur stdDeviation=".476"/></filter><filter id="SVGx8XDSdvJ" width="1.157" height="1.157" x="-.078" y="-.078"><feGaussianBlur stdDeviation=".527"/></filter><linearGradient id="SVGeOYhIbCY"><stop offset="0" stop-color="#b58b46"/><stop offset=".333" stop-color="#f6eebf"/><stop offset=".669" stop-color="#b58b46"/><stop offset="1" stop-color="#faeebc"/></linearGradient><linearGradient id="SVG95M5Nbgl"><stop offset="0" stop-color="#fcfcfc"/><stop offset="1" stop-color="#fcd600"/></linearGradient><linearGradient id="SVG8RlDDeEO"><stop offset="0" stop-color="#d6271c"/><stop offset=".5" stop-color="#d1281a"/><stop offset="1" stop-color="#961d14"/></linearGradient><linearGradient id="SVG0yZYbbvL"><stop offset="0" stop-color="#fff"/><stop offset=".2" stop-color="#fff" stop-opacity=".327"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGxPtKKcZD" x1="68.317" x2="187.124" y1="108.714" y2="108.714" gradientUnits="userSpaceOnUse" href="#SVGeOYhIbCY"/><radialGradient id="SVGT24Yec7u" cx="130.999" cy="72.13" r="49.851" fx="130.999" fy="72.13" gradientTransform="matrix(1.76548 0 0 1.27128 -100.277 -19.691)" gradientUnits="userSpaceOnUse" href="#SVG0yZYbbvL"/><radialGradient id="SVGt2aAXfQh" cx="106.552" cy="72.456" r="59.405" fx="106.552" fy="72.456" gradientTransform="matrix(1.19083 .1258 -.0719 .68058 -14.824 16.72)" gradientUnits="userSpaceOnUse" href="#SVG8RlDDeEO"/><radialGradient id="SVG2eBhDzct" cx="127.678" cy="86.132" r="76.395" fx="127.678" fy="86.132" gradientTransform="matrix(.77814 0 0 .7825 28.326 18.734)" gradientUnits="userSpaceOnUse" href="#SVG95M5Nbgl"/><path id="SVGHESaSd0E" fill="#fcfcfc" d="M197.07 86.132c0 38.322-31.066 69.393-69.392 69.393c-38.323 0-69.393-31.07-69.393-69.393c0-38.326 31.07-69.394 69.393-69.394c38.326 0 69.393 31.068 69.393 69.394"/><path id="SVGeP3J6dic" fill="#fff" d="M63.47 152.598a8.07 8.07 0 0 0-8.07 8.07a8.07 8.07 0 0 0 8.07 8.07a8.07 8.07 0 0 0 8.07-8.07a8.07 8.07 0 0 0-8.07-8.07"/><clipPath id="SVGZmQytbXj" clipPathUnits="userSpaceOnUse"><use href="#SVGHESaSd0E" stroke-width="3.365" filter="url(#SVG7WjjKbFn)" transform="translate(-27.051 -20.285)scale(1.21187)"/></clipPath></defs><g transform="translate(12.906 13.93)scale(.88462)"><use href="#SVGHESaSd0E" fill-opacity=".873" filter="url(#SVGHV2uUdye)" transform="translate(-85.879 -23.675)scale(1.50942)"/><path fill="url(#SVG2eBhDzct)" d="M197.07 86.132c0 38.322-31.066 69.393-69.392 69.393c-38.323 0-69.393-31.07-69.393-69.393c0-38.326 31.07-69.394 69.393-69.394c38.326 0 69.393 31.068 69.393 69.394" filter="url(#SVGNYvYRPvz)" transform="translate(-71.015 -13.483)scale(1.38479)"/><circle cx="91.225" cy="47.095" r="52.059" fill="url(#SVGT24Yec7u)" clip-path="url(#SVGZmQytbXj)" transform="translate(-48.588 -7.042)"/><path fill="#fff" fill-opacity=".8" d="M30.437 109.436c0-44.024 35.37-79.71 78.978-79.71c26.702 0 50.315 13.374 64.607 33.85C160.09 39.33 134.076 23.01 104.298 23.01c-44.47 0-80.535 36.395-80.535 81.276c0 30.165 16.273 56.48 40.445 70.507c-20.411-14.409-33.771-38.301-33.771-65.357"/><path fill="#fff" fill-opacity=".4" d="M145.358 160.18A18.36 18.36 0 0 0 127 178.538a18.36 18.36 0 0 0 18.358 18.358a18.36 18.36 0 0 0 18.358-18.358a18.36 18.36 0 0 0-18.358-18.358" filter="url(#SVGfMpxkd3b)" transform="translate(-37.102 -78.159)scale(1.38453)"/><path fill="#fff" fill-opacity=".7" d="M60.854 82.55a11.64 11.64 0 0 0-11.641 11.642a11.64 11.64 0 0 0 11.641 11.641a11.64 11.64 0 0 0 11.642-11.641A11.64 11.64 0 0 0 60.854 82.55" filter="url(#SVGfMpxkd3b)" transform="translate(-37.102 -78.159)scale(1.38453)"/><path fill="#fff" fill-opacity=".35" d="M130.704 156.104a7.94 7.94 0 0 0-7.937 7.938a7.94 7.94 0 0 0 7.937 7.937a7.94 7.94 0 0 0 7.938-7.937a7.94 7.94 0 0 0-7.938-7.938" filter="url(#SVGegE2tDah)" transform="translate(-37.102 -75.445)scale(1.38453)"/><path fill="#fff" fill-opacity=".35" d="M70.644 98.16a5.424 5.424 0 0 0-5.424 5.424a5.424 5.424 0 0 0 5.424 5.424a5.424 5.424 0 0 0 5.424-5.424a5.424 5.424 0 0 0-5.424-5.424" filter="url(#SVGegE2tDah)" transform="translate(-40.522 -80.006)scale(1.38453)"/><use href="#SVGeP3J6dic" fill-opacity=".4" filter="url(#SVGsse7VNKD)" transform="translate(-28.601 -75.445)scale(1.38453)"/><use href="#SVGeP3J6dic" fill-opacity=".07" filter="url(#SVGx8XDSdvJ)" transform="translate(-180.282 -503.258)scale(4.01248)"/><path fill="#fff" d="M186.343 96.565a84 84 0 0 1 .117 4.348c0 42.56-40.119 83.154-81.957 83.154c-.545 0-1.095 0-1.654-.028c4.115.736 7.647.783 11.953.783c37.341 0 73.107-34.722 73.107-73.284c0-5.15-.545-10.15-1.566-14.973"/></g><path fill="#fff" d="M106.54 70.024c-31.626 0-35.485 10.483-72.767 10.483v45.297c37.282 0 41.141 10.483 72.768 10.483s35.485-10.483 72.772-10.483V80.507c-37.287 0-41.145-10.483-72.772-10.483"/><path fill="url(#SVGxPtKKcZD)" d="M68.317 103.31v2.246c30.434 0 33.584 8.561 59.402 8.561s28.967-8.561 59.405-8.561v-2.246c-30.438 0-33.588 8.558-59.405 8.558s-28.967-8.557-59.402-8.558" transform="translate(-49.916 2.004)scale(1.22501)"/><path fill="url(#SVGt2aAXfQh)" d="M127.719 57.776c-25.818 0-28.968 8.557-59.406 8.557v36.977c30.438 0 33.588 8.557 59.406 8.557s28.967-8.557 59.405-8.557V66.333c-30.438 0-33.588-8.557-59.405-8.557" transform="translate(-49.916 2.004)scale(1.22501)"/><path fill="#fff" d="M98.843 70.138a2.67 2.67 0 0 0-2.665 2.662a2.673 2.673 0 0 0 2.665 2.665a2.663 2.663 0 0 0 0-5.327m32.946 1.868l-5.182 2.07v3.096h-1.945l-.037 3.449h1.982v8.645c0 3.93 2.282 6.478 5.825 6.478c4.476 0 4.91-3.816 4.94-4.933c.007-.182-.088-.205-.229-.078c-.491.435-1.723 1.36-3.22 1.36c-1.777 0-2.134-1.218-2.134-3.184v-8.288h1.693c3.244 0 3.187-3.49 3.187-3.49h-4.88zm-52.743.07s-.208.014-.027.139c.297.202.704.72.704 1.989v18.939c-.004 1.258-.407 1.767-.704 1.969c-.181.124.03.134.03.134h13.206c1.302 0 2.019-.828 2.019-2.322v-2.076h-.007v-.66s-.01-.209-.138-.03c-.192.29-.666.666-1.807.7c-.478.003-1.02.01-1.615.01h-5.079V72.083h-4.936v-.006zm36.293 4.557c-1.939 0-3.88.851-5.334 2.345l-.407.418v-2.262h-5.496s-.208.01-.03.135c.303.205.703.723.703 1.995v.175s.01 21.524.014 21.561c0 0 1.948.777 5.842 1.238c.074.01.212-.017.03-.138c-.273-.188-.626-.63-.693-1.662l-.007-7.104l.41.438c1.229 1.325 2.83 1.972 4.893 1.972c3.032 0 4.924-1.646 5.974-3.03c1.35-1.756 2.123-4.125 2.123-6.494c0-2.645-.8-5.071-2.241-6.828c-1.467-1.78-3.52-2.76-5.781-2.76zm32.297 0c-5.26 0-9.536 4.277-9.536 9.533c0 5.263 4.277 9.54 9.536 9.54c5.254 0 9.53-4.277 9.53-9.54c0-5.256-4.276-9.533-9.53-9.533m22.299.001c-2.716 0-4.523 1.326-5.563 2.44l-.41.437v-2.379h-5.502s-.21.014-.03.138c.305.205.706.72.706 1.992l.007-.013c.003.064.003.13.003.188v5.782h-.003V95.25l5.829-.004s.198-.01.023-.134c-.259-.172-.578-.565-.676-1.444v-7.585c0-3.27 2.187-5.462 4.227-5.462c1.453 0 2.022.849 2.022 3.04v9.24c0 .047.01.084.014.132v2.217l5.811.004s.202-.011.03-.135c-.256-.175-.572-.562-.67-1.42V83.162c0-2.143-.501-3.786-1.484-4.883c-.976-1.093-2.436-1.645-4.334-1.645m-68.452.498h-5.855s-.209.014-.03.139c.3.202.7.71.706 1.965v13.666c0 .07 0 .151-.003.229l-.003-.01c0 1.275-.407 1.783-.707 1.992c-.178.124.03.134.03.134l5.862-.007zm12.51 3.044c2.54 0 4.058 2.238 4.058 5.99a6.62 6.62 0 0 1-1.518 4.223c-.932 1.131-2.281 1.804-3.668 1.804c-.646 0-1.76-.144-2.83-1.124l-.074-.067V83.39c0-.033.04-3.214 4.032-3.214m33.643 0c2.541 0 4.6 2.686 4.6 5.99c0 3.312-2.059 6-4.6 6s-4.603-2.688-4.603-6c0-3.304 2.063-5.99 4.603-5.99" filter="url(#SVGxSMzWJGT)" transform="translate(-49.916 2.004)scale(1.22501)"/></svg>

Cómo usar el icono Lipton

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/lipton.svg" alt="Icono Lipton" width="24" height="24">

Preguntas frecuentes sobre Icono Lipton

¿El icono Lipton 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 Lipton en React?

Instala @iconify/react y renderiza <Icon icon="thesvg-color:lipton" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Lipton a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/lipton.svg" alt="Icono Lipton">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG Color →