Иконка Currency Exchange
material-symbols-light:currency-exchange
Иконка Currency Exchange (material-symbols-light:currency-exchange) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Google
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Бизнес
- Теги
- 360, around, arrow, arrows, cash, coin, commerce, currency, direction, dollars, exchange, inprogress, money, pay, renew, rotate
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22q-3.05 0-5.467-1.621q-2.418-1.621-3.63-4.362v3.29h-1v-5h5v1H3.699q.97 2.57 3.249 4.131T12 21q1.798 0 3.378-.645q1.58-.646 2.783-1.781q1.202-1.136 1.953-2.696t.867-3.378h1q-.097 1.986-.92 3.717t-2.161 3.02t-3.115 2.026Q14.005 22 12 22m-.516-3.384v-1.224q-1.02-.236-1.739-.81T8.6 14.98l.88-.381q.416.929 1.111 1.432t1.559.503q.883 0 1.653-.465q.77-.464.77-1.52q0-.84-.555-1.32t-2.168-1.072q-1.61-.583-2.287-1.231q-.678-.648-.678-1.727q0-.91.683-1.68t1.967-.962V5.384h.98v1.174q.785.056 1.465.542t1.032 1.208l-.87.342q-.315-.537-.823-.886t-1.269-.348q-.99 0-1.588.509T9.867 9.2t.459 1.179q.46.413 2.114.99q1.8.65 2.438 1.39q.639.741.639 1.791q0 .706-.28 1.237q-.278.53-.72.88q-.441.349-.981.538t-1.07.237v1.174zM2.02 11.5q.135-2.083.978-3.823t2.2-3.01T8.301 2.7T12 2q2.992 0 5.467 1.63t3.63 4.43V4.692h1v5h-5v-1h3.205Q19.391 6.2 17.101 4.6T12 3q-1.721 0-3.291.626T5.916 5.368T3.914 8.045T3.02 11.5z"/></svg>
Как использовать иконку Currency Exchange
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:currency-exchange" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:currency-exchange" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:currency-exchange" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--currency-exchange]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:currency-exchange"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:currency-exchange"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/currency-exchange.svg" alt="Иконка Currency Exchange" width="24" height="24">
Похожие иконки в наборе Material Symbols Light
Иконка Currency Exchange в других наборах
Вопросы и ответы: Иконка Currency Exchange
Можно ли бесплатно использовать иконку Currency Exchange в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Currency Exchange в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:currency-exchange" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Currency Exchange на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/currency-exchange.svg" alt="Иконка Currency Exchange">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Material Symbols Light →
