Иконка Png

iwwa:png

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

Как использовать иконку 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>

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

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

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

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

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

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

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

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

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

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

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

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

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

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