Lipton icon

thesvg-color:lipton

The Lipton icon (thesvg-color:lipton) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 212 × 212 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: 212 × 212

Download SVG

SVG code

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

How to use the Lipton icon

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>

HTML image

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

Lipton icon FAQ

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

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

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

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

Browse all theSVG Color icons →