Иконка Money

dashicons:money

Иконка Money (dashicons:money) — бесплатная SVG-иконка из набора Dashicons от WordPress. Она нарисована на сетке 20 × 20. Dashicons выпущены под лицензией GPL, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Dashicons
Автор: WordPress
Лицензия: GPL-2.0-or-later
Размер: 20 × 20

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M0 3h20v12h-.75c0-1.79-1.46-3.25-3.25-3.25c-1.31 0-2.42.79-2.94 1.91c-.25-.1-.52-.16-.81-.16c-.98 0-1.8.63-2.11 1.5H0zm8.37 3.11c-.06.15-.1.31-.11.47s-.01.33.01.5l.02.08c.01.06.02.14.05.23c.02.1.06.2.1.31c.03.11.09.22.15.33c.07.12.15.22.23.31s.18.17.31.23c.12.06.25.09.4.09q.21 0 .39-.09c.18-.09.22-.14.3-.22c.09-.09.16-.2.22-.32c.07-.12.12-.23.16-.33s.07-.2.09-.31c.03-.11.04-.18.05-.22s.01-.07.01-.09c.05-.29.03-.56-.04-.82s-.21-.48-.41-.66c-.21-.18-.47-.27-.79-.27c-.19 0-.36.03-.52.1c-.15.07-.28.16-.38.28c-.09.11-.17.25-.24.4m4.48 6.04v-1.14c0-.33-.1-.66-.29-.98s-.45-.59-.77-.79c-.32-.21-.66-.31-1.02-.31l-1.24.84l-1.28-.82c-.37 0-.72.1-1.04.3c-.31.2-.56.46-.74.77q-.27.48-.27.99v1.14l.18.05c.12.04.29.08.51.14c.23.05.47.1.74.15c.26.05.57.09.91.13c.34.03.67.05.99.05c.3 0 .63-.02.98-.05c.34-.04.64-.08.89-.13c.25-.04.5-.1.76-.16l.5-.12c.08-.02.14-.04.19-.06m3.15.1c1.52 0 2.75 1.23 2.75 2.75s-1.23 2.75-2.75 2.75c-.73 0-1.38-.3-1.87-.77a2.235 2.235 0 0 0-.62-3.09c.43-.96 1.37-1.64 2.49-1.64m-5.5 3.5c0-.96.79-1.75 1.75-1.75s1.75.79 1.75 1.75s-.79 1.75-1.75 1.75s-1.75-.79-1.75-1.75"/></svg>

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

React

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

<Icon icon="dashicons:money" width="24" />

Vue

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

<template>
  <Icon icon="dashicons:money" width="24" />
</template>

Svelte

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

<Icon icon="dashicons:money" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="dashicons:money"></iconify-icon>

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

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

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

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

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

Да. Dashicons выпущены под лицензией GPL, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию.

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

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

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

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

Все Dashicons →