Ikon Lipton

thesvg-color:lipton

Ikon Lipton (thesvg-color:lipton) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 212 × 212. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: theSVG Color
Pembuat: thesvg.org
Lisensi: MIT
Ukuran: 212 × 212

Download SVG

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

Cara memakai ikon 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>

Gambar HTML

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

FAQ Ikon Lipton

Apakah ikon Lipton gratis untuk penggunaan komersial?

Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Lipton di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:lipton" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Lipton ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/lipton.svg" alt="Ikon Lipton">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →