Иконка Calendar Number

famicons:calendar-number

Иконка Calendar Number (famicons:calendar-number) — бесплатная SVG-иконка из набора Famicons от Family. Она нарисована на сетке 512 × 512. Famicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Famicons
Автор: Family
Лицензия: MIT
Размер: 512 × 512
Теги: calendarnumber

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M416 64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 112 48v16H96a64 64 0 0 0-64 64v12a4 4 0 0 0 4 4h440a4 4 0 0 0 4-4v-12a64 64 0 0 0-64-64m60 112H36a4 4 0 0 0-4 4v236a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V180a4 4 0 0 0-4-4M239.58 401.1c-12.17 9.61-28.75 14.9-46.7 14.9c-27.87 0-48.48-18.16-57.66-33.7a16 16 0 0 1 27.56-16.3c1.08 1.84 11.15 18 30.1 18c16.66 0 36.12-7.29 36.12-27.82c0-6.25-1.22-14.95-7-20.88c-8.54-8.74-22.75-12.67-30.11-12.67a16 16 0 0 1 0-32c4.85 0 17.41-2.6 25.28-10.65a22 22 0 0 0 6.57-16.08c0-23.23-28.63-23.9-31.89-23.9c-17.34 0-23.8 10.61-24.07 11.06a16 16 0 1 1-27.55-16.26c7.64-13 25.22-26.8 51.62-26.8c16.44 0 31.76 4.77 43.13 13.42c13.39 10.2 20.76 25.28 20.76 42.48A54 54 0 0 1 240 302.35c-1.15 1.18-2.36 2.28-3.59 3.35a66 66 0 0 1 8.42 7.23c10.56 10.8 16.14 25.75 16.14 43.25c.03 18.06-7.58 34.01-21.39 44.92M368 396a16 16 0 0 1-32 0V256.29l-22.51 16.59a16 16 0 1 1-19-25.76l43.42-32a16 16 0 0 1 9.49-3.12h4.6a16 16 0 0 1 16 16Z"/></svg>

Как использовать иконку Calendar Number

React

import { Icon } from "@iconify/react";

<Icon icon="famicons:calendar-number" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="famicons:calendar-number" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="famicons:calendar-number" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[famicons--calendar-number]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/famicons -->
<div class="i-famicons:calendar-number"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="famicons:calendar-number"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/famicons/calendar-number.svg" alt="Иконка Calendar Number" width="24" height="24">

Иконка Calendar Number в других наборах

Вопросы и ответы: Иконка Calendar Number

Можно ли бесплатно использовать иконку Calendar Number в коммерческих проектах?

Да. Famicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Calendar Number в React?

Установите @iconify/react и выведите <Icon icon="famicons:calendar-number" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Calendar Number на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/famicons/calendar-number.svg" alt="Иконка Calendar Number">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Famicons →