Exchange Outline Icon

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

<Icon icon="bitcoin-icons:exchange-outline" />

<template>
  <Icon icon="bitcoin-icons:exchange-outline" />
</template>

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

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

<Icon icon="bitcoin-icons:exchange-outline" />

<iconify-icon icon="bitcoin-icons:exchange-outline"></iconify-icon>

/* Add to your CSS */
.icon-exchange-outline::before {
  content: '';
  background-image: url('data:image/svg+xml,%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M17.757%207.193a7.5%207.5%200%200%200-13.108%206.303M19.3%2010.274a7.5%207.5%200%200%201-13.186%206.375%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M18.125%205.5v2h-2m-8.25%209h-2v2%22%2F%3E%3Cpath%20d%3D%22M12%208v8%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M13.81%2010.152c-.12-.53-.803-1.12-1.804-1.12s-1.77.65-1.77%201.47c0%201.864%203.711.906%203.711%203.07c0%20.781-.94%201.444-1.94%201.444s-1.694-.615-1.899-1.274%22%2F%3E%3C%2Fg%3E');
}

<g fill="none" stroke="currentColor" stroke-linecap="round"><path d="M17.757 7.193a7.5 7.5 0 0 0-13.108 6.303M19.3 10.274a7.5 7.5 0 0 1-13.186 6.375"/><path stroke-linejoin="round" d="M18.125 5.5v2h-2m-8.25 9h-2v2"/><path d="M12 8v8"/><path stroke-linejoin="round" d="M13.81 10.152c-.12-.53-.803-1.12-1.804-1.12s-1.77.65-1.77 1.47c0 1.864 3.711.906 3.711 3.07c0 .781-.94 1.444-1.94 1.444s-1.694-.615-1.899-1.274"/></g>