Ícone Png

iwwa:png

O ícone Png (iwwa:png) é 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"><path fill="currentColor" d="M36.408 34.974H3.589a1.897 1.897 0 0 1-1.891-1.9V6.919c0-1.044.849-1.893 1.891-1.893h32.819c1.045 0 1.895.849 1.895 1.893v26.155a1.9 1.9 0 0 1-1.836 1.896a.4.4 0 0 1-.059.004M3.589 5.964a.956.956 0 0 0-.954.955v26.155c0 .53.428.962.954.962h32.768l.051-.003a.96.96 0 0 0 .957-.959V6.919a.957.957 0 0 0-.957-.955z"/><path fill="currentColor" d="M28.91 16.976a4.226 4.226 0 0 1-4.221-4.221c0-2.327 1.893-4.221 4.221-4.221s4.221 1.893 4.221 4.221a4.225 4.225 0 0 1-4.221 4.221m0-7.503c-1.81 0-3.283 1.473-3.283 3.283s1.473 3.283 3.283 3.283s3.283-1.473 3.283-3.283s-1.473-3.283-3.283-3.283m8.924 22.504a.47.47 0 0 1-.469-.469c0-3.739-3.583-6.781-7.988-6.781c-2.829 0-5.392 1.238-6.854 3.312a.46.46 0 0 1-.455.193a.47.47 0 0 1-.375-.322c-1.134-3.6-4.982-6.114-9.359-6.114c-5.348 0-9.699 3.7-9.699 8.246a.469.469 0 0 1-.938 0c0-5.064 4.772-9.184 10.637-9.184c4.454 0 8.417 2.415 9.954 5.967c1.683-1.915 4.27-3.036 7.089-3.036c4.921 0 8.926 3.462 8.926 7.719c0 .259-.21.469-.469.469"/></svg>

Como usar o ícone Png

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

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

O ícone Png em outras coleções

Perguntas frequentes sobre Ícone Png

O ícone Png é 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 Png no React?

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

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

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

Ver todos os Ícones Innowatio Font →