Иконка Year

iwwa:year

Иконка Year (iwwa:year) — бесплатная 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

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="currentColor"><path d="M36.389 4.962h-5.906a.446.446 0 0 0-.446.446c0 .076.024.144.057.206v3.398a.947.947 0 0 1-.948.948h-1.838a.88.88 0 0 1-.88-.88V5.669a.44.44 0 0 0 .094-.261a.445.445 0 0 0-.446-.446H14.171a.446.446 0 0 0-.446.446c0 .069.019.132.047.191v3.437a.925.925 0 0 1-.925.925h-1.632a.934.934 0 0 1-.934-.934V5.624a.43.43 0 0 0 .063-.216a.445.445 0 0 0-.446-.446H3.675a.993.993 0 0 0-.992.991v29.534c0 .548.445.993.992.993h32.714a.993.993 0 0 0 .991-.993V5.953a.993.993 0 0 0-.991-.991m0 30.626H3.675a.1.1 0 0 1-.1-.101V13.214h32.913v22.272a.1.1 0 0 1-.099.102"/><path d="M12.147 8.944c.246 0 .446-.2.446-.446V2.5a.446.446 0 1 0-.892 0v5.999c0 .246.2.445.446.445m16.154 0c.246 0 .446-.2.446-.446V2.5a.446.446 0 1 0-.892 0v5.999c0 .246.199.445.446.445"/><circle cx="9.842" cy="17.503" r="2.458"/><circle cx="16.906" cy="17.503" r="2.458"/><circle cx="23.969" cy="17.503" r="2.458"/><circle cx="9.842" cy="24.348" r="2.458"/><circle cx="16.906" cy="24.348" r="2.458"/><circle cx="23.969" cy="24.348" r="2.458"/><circle cx="9.842" cy="31.193" r="2.458"/><circle cx="16.906" cy="31.193" r="2.458"/><circle cx="23.969" cy="31.193" r="2.458"/><circle cx="30.867" cy="17.503" r="2.458"/><circle cx="30.867" cy="24.348" r="2.458"/><circle cx="30.867" cy="31.193" r="2.458"/></g></svg>

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

React

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

<Icon icon="iwwa:year" width="24" />

Vue

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

<template>
  <Icon icon="iwwa:year" width="24" />
</template>

Svelte

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

<Icon icon="iwwa:year" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[iwwa--year]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/iwwa -->
<div class="i-iwwa:year"></div>

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

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

<iconify-icon icon="iwwa:year"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/iwwa/year.svg" alt="Иконка Year" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Innowatio Font →