Ikona Google Calendar
Wysokiej jakości przezroczysty plik PNG Google Calendar do sieci i druku.
Zoptymalizowany wektorowy kod SVG Google Calendar dla programistów.
Gotowy do użycia komponent ikony React Google Calendar.
Use Google Calendar in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony Google Calendar
Skopiuj ikonę Google Calendar jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Google Calendar bezpośrednio do HTML lub JSX.
Komponent React
Użyj Google Calendar jako typowanego komponentu ikony React.
import React from 'react';
export const GoogleCalendarIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Google Calendar z przypisaniem autorstwa.
Maska CSS
Użyj Google Calendar jako ikony maski CSS, której można zmieniać kolor.
.googlecalendar-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #4285f4;
mask: url("https://www.aiuidesigner.com/icons/googlecalendar.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/googlecalendar.svg") center / contain no-repeat;
}Szczegóły ikony Google Calendar
Kolor marki
Kategoria
Produktywność
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
1.2 KB · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
fonts.gstatic.comO ikonie Google Calendar
icons.aboutParagraph1
Przed użyciem logo Google Calendar w projektach komercyjnych, dokumentacji, makietach UI lub na stronach marketingowych, skorzystaj z linków do źródła i wytycznych marki na tej stronie, aby zweryfikować aktualne zasady użytkowania znaków towarowych.
Ikona Google Calendar - Najczęściej Zadawane Pytania
Design a UI with the Google Calendar icon
Generate a complete page that already uses this icon, color, and brand context.