Иконка Currency Exchange

bi:currency-exchange

Иконка Currency Exchange (bi:currency-exchange) — бесплатная SVG-иконка из набора Bootstrap Icons от The Bootstrap Authors. Она нарисована на сетке 24 × 24. Bootstrap Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Bootstrap Icons
Автор: The Bootstrap Authors
Лицензия: MIT
Размер: 24 × 24
Теги: currencyexchange

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0 5a5 5 0 0 0 4.027 4.905a6.5 6.5 0 0 1 .544-2.073C3.695 7.536 3.132 6.864 3 5.91h-.5v-.426h.466V5.05q-.001-.07.004-.135H2.5v-.427h.511C3.236 3.24 4.213 2.5 5.681 2.5c.316 0 .59.031.819.085v.733a3.5 3.5 0 0 0-.815-.082c-.919 0-1.538.466-1.734 1.252h1.917v.427h-1.98q-.004.07-.003.147v.422h1.983v.427H3.93c.118.602.468 1.03 1.005 1.229a6.5 6.5 0 0 1 4.97-3.113A5.002 5.002 0 0 0 0 5m16 5.5a5.5 5.5 0 1 1-11 0a5.5 5.5 0 0 1 11 0m-7.75 1.322c.069.835.746 1.485 1.964 1.562V14h.54v-.62c1.259-.086 1.996-.74 1.996-1.69c0-.865-.563-1.31-1.57-1.54l-.426-.1V8.374c.54.06.884.347.966.745h.948c-.07-.804-.779-1.433-1.914-1.502V7h-.54v.629c-1.076.103-1.808.732-1.808 1.622c0 .787.544 1.288 1.45 1.493l.358.085v1.78c-.554-.08-.92-.376-1.003-.787zm1.96-1.895c-.532-.12-.82-.364-.82-.732c0-.41.311-.719.824-.809v1.54h-.005zm.622 1.044c.645.145.943.38.943.796c0 .474-.37.8-1.02.86v-1.674z"/></svg>

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

React

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

<Icon icon="bi:currency-exchange" width="24" />

Vue

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

<template>
  <Icon icon="bi:currency-exchange" width="24" />
</template>

Svelte

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

<Icon icon="bi:currency-exchange" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--currency-exchange]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:currency-exchange"></div>

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

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

<iconify-icon icon="bi:currency-exchange"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/bi/currency-exchange.svg" alt="Иконка Currency Exchange" width="24" height="24">

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

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

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

Да. Bootstrap Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Bootstrap Icons →