Ikon Google Keep 2026
thesvg-color:google-keep-2026
Ikon Google Keep 2026 (thesvg-color:google-keep-2026) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 192 × 192. 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
- 192 × 192
- Tag
- googlekeep
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><mask id="SVGBYXnUdIs" width="140" height="140" x="26" y="8" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="url(#SVGSFuzrdRn)" d="M166 78c0 27.13-15.434 50.381-38 62c-9.591 4.938-20.47 8-32 8s-22.41-3.062-32-8c-22.566-11.619-38-34.87-38-62C26 39.34 57.34 8 96 8s70 31.34 70 70"/></mask><mask id="SVGIRatfbNq" width="80" height="46" x="56" y="140" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#ffbe00" d="M56 140h80v46H56z"/></mask><g fill="none"><g mask="url(#SVGBYXnUdIs)"><circle cx="96" cy="78" r="70" fill="url(#SVGHMZrMdqY)"/><g filter="url(#SVG5GnBoe9J)"><path fill="#fdfd6d" d="M52 124c0-38.137 14.81-60 44-60s44 21.863 44 60c0 33.137-19.699 60-44 60s-44-26.863-44-60"/></g><g filter="url(#SVGjLHLue4y)"><path fill="url(#SVGPFCCTc3o)" d="M64 102c0-17.673 14.327-32 32-32s32 14.327 32 32v52c0 17.673-14.327 32-32 32s-32-14.327-32-32z"/></g><path fill="#fff" d="M78 127c0-7.18 5.82-13 13-13h10c7.18 0 13 5.82 13 13s-5.82 13-13 13H91c-7.18 0-13-5.82-13-13"/></g><g mask="url(#SVGIRatfbNq)"><path fill="#f6a100" d="M96 56c-18.4 0-32 14.4-32 33.6v62.8c0 19.2 13.6 33.6 32 33.6s32-14.4 32-33.6V89.6C128 70.4 114.4 56 96 56"/></g><defs><linearGradient id="SVGSFuzrdRn" x1="71.83" x2="156.83" y1="148" y2="8" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#ffe921"/><stop offset=".48" stop-color="#fdd313"/><stop offset=".86" stop-color="#ffbe00"/></linearGradient><linearGradient id="SVGHMZrMdqY" x1="96" x2="96" y1="140.04" y2="8" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#ffe921"/><stop offset=".64" stop-color="#fec700"/><stop offset=".96" stop-color="#ffbe00"/></linearGradient><linearGradient id="SVGPFCCTc3o" x1="96" x2="96" y1="51.19" y2="142.89" gradientUnits="userSpaceOnUse"><stop offset=".11" stop-color="#ffb8dd" stop-opacity="0"/><stop offset=".68" stop-color="#ffb5e8"/></linearGradient><filter id="SVG5GnBoe9J" width="203.2" height="235.2" x="-5.6" y="6.4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_37487_16896" stdDeviation="28.8"/></filter><filter id="SVGjLHLue4y" width="88" height="140" x="52" y="58" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_37487_16896" stdDeviation="6"/></filter></defs></g></svg>
Cara memakai ikon Google Keep 2026
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:google-keep-2026" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:google-keep-2026" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:google-keep-2026" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--google-keep-2026]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:google-keep-2026"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:google-keep-2026"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/google-keep-2026.svg" alt="Ikon Google Keep 2026" width="24" height="24">
Ikon terkait di theSVG Color
FAQ Ikon Google Keep 2026
Apakah ikon Google Keep 2026 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 Google Keep 2026 di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:google-keep-2026" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Google Keep 2026 ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/google-keep-2026.svg" alt="Ikon Google Keep 2026">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon theSVG Color →
