Иконка Calendar
iwwa:calendar
Иконка Calendar (iwwa:calendar) — бесплатная SVG-иконка из набора Innowatio Font от Innowatio. Она нарисована на сетке 40 × 40. Innowatio Font icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Innowatio Font
- Автор
- Innowatio
- Лицензия
- Apache-2.0
- Размер
- 40 × 40
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path fill="currentColor" d="M15.997 24.893H7.064c-.982 0-1.78-.8-1.78-1.783v-4.395c0-.982.799-1.781 1.78-1.781h8.933c.982 0 1.78.799 1.78 1.781v4.395c0 .983-.799 1.783-1.78 1.783m-8.933-7.068a.89.89 0 0 0-.889.89v4.395c0 .492.399.892.889.892h8.933c.49 0 .889-.4.889-.892v-4.395a.89.89 0 0 0-.889-.89zm8.933 15.653H7.064c-.982 0-1.78-.799-1.78-1.782v-4.393c0-.982.799-1.78 1.78-1.78h8.933c.982 0 1.78.798 1.78 1.78v4.393c0 .983-.799 1.782-1.78 1.782m-8.933-7.064a.89.89 0 0 0-.889.889v4.393c0 .491.399.891.889.891h8.933c.49 0 .889-.4.889-.891v-4.393a.89.89 0 0 0-.889-.889zm25.87-1.521h-8.927c-.985 0-1.786-.8-1.786-1.783v-4.395c0-.982.801-1.781 1.786-1.781h8.927c.983 0 1.782.799 1.782 1.781v4.395c0 .983-.799 1.783-1.782 1.783m-8.927-7.068a.893.893 0 0 0-.894.89v4.395c0 .492.401.892.894.892h8.927c.491 0 .891-.4.891-.892v-4.395c0-.491-.4-.89-.891-.89zm8.927 15.653h-8.927a1.786 1.786 0 0 1-1.786-1.782v-4.393c0-.982.801-1.78 1.786-1.78h8.927c.983 0 1.782.798 1.782 1.78v4.393c0 .983-.799 1.782-1.782 1.782m-8.927-7.064a.893.893 0 0 0-.894.889v4.393c0 .491.401.891.894.891h8.927c.491 0 .891-.4.891-.891v-4.393c0-.49-.4-.889-.891-.889z"/><g fill="currentColor"><path d="M36.357 37.212H3.643a.993.993 0 0 1-.992-.993V6.686c0-.546.445-.991.992-.991h6.224a.446.446 0 1 1 0 .892H3.643a.1.1 0 0 0-.1.099V36.22a.1.1 0 0 0 .1.101h32.714a.1.1 0 0 0 .099-.101V6.686a.1.1 0 0 0-.099-.099h-5.906a.446.446 0 1 1 0-.892h5.906c.546 0 .991.445.991.991V36.22a.99.99 0 0 1-.991.992"/><path d="M26.044 6.587H14.14a.446.446 0 1 1 0-.892h11.904a.446.446 0 1 1 0 .892M12.116 9.678a.446.446 0 0 1-.446-.446V3.233a.446.446 0 1 1 .892 0v5.999a.447.447 0 0 1-.446.446m16.153 0a.446.446 0 0 1-.446-.446V3.233a.446.446 0 1 1 .892 0v5.999a.446.446 0 0 1-.446.446m8.633 4.269H3.098a.446.446 0 1 1 0-.892h33.805a.446.446 0 1 1-.001.892"/></g></svg>
Как использовать иконку Calendar
React
import { Icon } from "@iconify/react";
<Icon icon="iwwa:calendar" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iwwa:calendar" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iwwa:calendar" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iwwa--calendar]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iwwa -->
<div class="i-iwwa:calendar"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iwwa:calendar"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/iwwa/calendar.svg" alt="Иконка Calendar" width="24" height="24">
Иконка Calendar в других наборах
Вопросы и ответы: Иконка Calendar
Можно ли бесплатно использовать иконку Calendar в коммерческих проектах?
Да. Innowatio Font icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Calendar в React?
Установите @iconify/react и выведите <Icon icon="iwwa:calendar" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Calendar на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/iwwa/calendar.svg" alt="Иконка Calendar">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Innowatio Font →
ICONYZ
