Иконка Piggy Bank
la:piggy-bank
Иконка Piggy Bank (la:piggy-bank) — бесплатная SVG-иконка из набора Line Awesome от Icons8. Она нарисована на сетке 32 × 32. Line Awesome icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Line Awesome
- Автор
- Icons8
- Лицензия
- Apache-2.0
- Размер
- 32 × 32
- Категория
- Политика
- Теги
- piggybank, piggy bank solid
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.5 4A4.516 4.516 0 0 0 9 8.5c0 .8.227 1.543.594 2.188c-1.801 1.054-3.211 2.55-3.969 4.312H5.5a.49.49 0 0 1-.5-.5c0-.176.09-.316.219-.406l-1.157-1.625A2.48 2.48 0 0 0 3 14.5c0 1.23.918 2.238 2.094 2.438C5.043 17.288 5 17.637 5 18c0 2.492 1.324 4.652 3.25 6.25c-.242 1-.121 2.066.656 2.844a3.063 3.063 0 0 0 4.313 0l.375-.375c.781.144 1.566.281 2.406.281s1.625-.137 2.406-.281l.375.375a3.063 3.063 0 0 0 4.313 0c.761-.762.875-1.797.656-2.782A9.2 9.2 0 0 0 25.781 22H28v-8h-2.281a9 9 0 0 0-1.282-1.625L25 9.281V8h-1s-2.402.04-4.438 1.563a16 16 0 0 0-1.625-.376q.061-.334.063-.687C18 6.027 15.973 4 13.5 4m0 2C14.89 6 16 7.11 16 8.5c0 .172-.031.336-.063.5c-1.613.008-3.136.32-4.53.844A2.4 2.4 0 0 1 11 8.5C11 7.11 12.11 6 13.5 6m9.25 4.188c.016-.004.016.003.031 0l-.375 2.28l-.093.532l.437.375a7 7 0 0 1 1.625 2.063l.281.562H26v4h-1.344l-.281.563c-.488.964-1.258 1.812-2.25 2.53l-.719.532l.438.813c.238.402.195.898-.157 1.25a1.017 1.017 0 0 1-1.468 0l-.719-.72l-.406-.374l-.532.125C17.75 24.906 16.887 25 16 25a11.5 11.5 0 0 1-2.563-.281l-.53-.125l-.407.375l-.719.718a1.017 1.017 0 0 1-1.469 0a1.005 1.005 0 0 1-.156-1.25l.438-.812l-.719-.531C8.066 21.78 7 19.988 7 18c0-3.742 3.91-7 9-7c1.23 0 2.402.184 3.469.531l.531.188l.438-.375c.714-.637 1.597-.98 2.312-1.156M22 16c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>
Как использовать иконку Piggy Bank
React
import { Icon } from "@iconify/react";
<Icon icon="la:piggy-bank" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:piggy-bank" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:piggy-bank" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--piggy-bank]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:piggy-bank"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:piggy-bank"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/la/piggy-bank.svg" alt="Иконка Piggy Bank" width="24" height="24">
Иконка Piggy Bank в других наборах
Вопросы и ответы: Иконка Piggy Bank
Можно ли бесплатно использовать иконку Piggy Bank в коммерческих проектах?
Да. Line Awesome icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Piggy Bank в React?
Установите @iconify/react и выведите <Icon icon="la:piggy-bank" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Piggy Bank на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/la/piggy-bank.svg" alt="Иконка Piggy Bank">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Line Awesome →
ICONYZ
