Ikon Google Calendar
thesvg-color:google-calendar
Ikon Google Calendar (thesvg-color:google-calendar) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 512 × 512. 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
- 512 × 512
- Tag
- googlecalendar
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="none"><g clip-path="url(#SVGuyku8X7A)"><path fill="#fff" d="M390.736 121.264H121.264v269.472h269.472z"/><path fill="#ea4335" d="M390.736 512L512 390.736l-60.632-10.344l-60.632 10.344l-11.066 55.46z"/><path fill="#188038" d="M0 390.736v80.842C0 493.912 18.088 512 40.42 512h80.844l12.45-60.632l-12.45-60.632l-66.066-10.344z"/><path fill="#1967d2" d="M512 121.264V40.42C512 18.088 493.912 0 471.58 0h-80.844q-11.064 45.108-11.066 66.392q0 21.282 11.066 54.872q40.23 11.52 60.632 11.52T512 121.264"/><path fill="#fbbc04" d="M512 121.264H390.736v269.472H512z"/><path fill="#34a853" d="M390.736 390.736H121.264V512h269.472z"/><path fill="#4285f4" d="M390.736 0H40.422C18.088 0 0 18.088 0 40.42v350.316h121.264V121.264h269.472z"/><path fill="#4285f4" d="M176.54 330.308c-10.072-6.804-17.046-16.74-20.852-29.88l23.378-9.632q3.18 12.126 11.116 18.796c5.254 4.446 11.654 6.636 19.132 6.636q11.467 0 19.704-6.974c5.492-4.648 8.254-10.576 8.254-17.75q0-11.016-8.69-17.988c-5.794-4.648-13.07-6.972-21.76-6.972h-13.508v-23.14h12.126q11.216 0 18.896-6.066c5.12-4.04 7.68-9.566 7.68-16.606c0-6.264-2.29-11.25-6.87-14.988c-4.58-3.74-10.376-5.626-17.416-5.626c-6.872 0-12.328 1.82-16.37 5.49a32.2 32.2 0 0 0-8.826 13.508l-23.14-9.634c3.064-8.69 8.69-16.37 16.942-23.006s18.796-9.97 31.596-9.97c9.466 0 17.988 1.82 25.534 5.49c7.544 3.672 13.472 8.758 17.75 15.226c4.28 6.5 6.4 13.776 6.4 21.86c0 8.252-1.986 15.226-5.96 20.952s-8.86 10.104-14.654 13.17v1.38a44.5 44.5 0 0 1 18.796 14.654c4.884 6.568 7.344 14.416 7.344 23.58c0 9.16-2.326 17.346-6.974 24.52c-4.648 7.176-11.08 12.834-19.234 16.944c-8.184 4.11-17.38 6.2-27.586 6.2c-11.824.032-22.736-3.37-32.808-10.174m143.592-116.01l-25.666 18.56l-12.834-19.468l46.046-33.214h17.65v156.666h-25.196z"/></g><defs><clipPath id="SVGuyku8X7A"><path fill="#fff" d="M0 0h512v512H0z"/></clipPath></defs></g></svg>
Cara memakai ikon Google Calendar
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:google-calendar" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:google-calendar" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:google-calendar" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--google-calendar]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:google-calendar"></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-calendar"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/google-calendar.svg" alt="Ikon Google Calendar" width="24" height="24">
Ikon terkait di theSVG Color
Ikon Google Calendar di set ikon lain
FAQ Ikon Google Calendar
Apakah ikon Google Calendar 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 Calendar di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:google-calendar" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Google Calendar ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/google-calendar.svg" alt="Ikon Google Calendar">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon theSVG Color →
