Ícone Year

iwwa:year

O ícone Year (iwwa:year) é um ícone SVG gratuito da coleção Innowatio Font de Innowatio. Ele é desenhado em uma grade de 40 × 40. Innowatio Font icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Innowatio Font
Autor: Innowatio
Licença: Apache-2.0
Tamanho: 40 × 40

Baixar SVG

Código 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>

Como usar o ícone 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>

Web component

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

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/iwwa/year.svg" alt="Ícone Year" width="24" height="24">

Perguntas frequentes sobre Ícone Year

O ícone Year é grátis para uso comercial?

Sim. Innowatio Font icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Year no React?

Instale @iconify/react e renderize <Icon icon="iwwa:year" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Year a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/iwwa/year.svg" alt="Ícone Year">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Innowatio Font →