currency dollar icon
currency-dollar from Carbon by IBM · Outline · Enterprise · Apache-2.0 Free for personal and commercial use.
- Name
- currency-dollar
- Set
- Carbon
- Style
- Outline
- Category
- Enterprise
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More enterprise icons from Carbon
accountaiai-agentai-agent-detachedai-business-impact-assessmentai-enabled-edtai-enabled-pdlcai-generateai-governance-lifecycleai-governance-trackedai-governance-untrackedai-labelai-launchai-observabilityai-recommendappleapple-dashautoscalingbank-vaultbasketballbatbee-batbinding-connectorblock-storage
Use the currency dollar icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M23 20.515c0-4.615-3.78-5.141-6.817-5.563c-3.31-.46-5.183-.86-5.183-3.71C11 8.85 13.507 8 15.654 8a6.75 6.75 0 0 1 5.568 2.628l1.556-1.256A8.65 8.65 0 0 0 17 6.096V3h-2v3.022c-3.615.22-6 2.26-6 5.22c0 4.73 3.83 5.263 6.908 5.69c3.252.453 5.092.842 5.092 3.583C21 23.547 17.867 24 16 24c-3.43 0-4.878-.964-6.222-2.628l-1.556 1.256A8.44 8.44 0 0 0 15 25.965V29h2v-3.045c3.726-.304 6-2.327 6-5.44"/></svg>
React
import type { SVGProps } from "react";
export function CarbonCurrencyDollar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M23 20.515c0-4.615-3.78-5.141-6.817-5.563c-3.31-.46-5.183-.86-5.183-3.71C11 8.85 13.507 8 15.654 8a6.75 6.75 0 0 1 5.568 2.628l1.556-1.256A8.65 8.65 0 0 0 17 6.096V3h-2v3.022c-3.615.22-6 2.26-6 5.22c0 4.73 3.83 5.263 6.908 5.69c3.252.453 5.092.842 5.092 3.583C21 23.547 17.867 24 16 24c-3.43 0-4.878-.964-6.222-2.628l-1.556 1.256A8.44 8.44 0 0 0 15 25.965V29h2v-3.045c3.726-.304 6-2.327 6-5.44"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M23 20.515c0-4.615-3.78-5.141-6.817-5.563c-3.31-.46-5.183-.86-5.183-3.71C11 8.85 13.507 8 15.654 8a6.75 6.75 0 0 1 5.568 2.628l1.556-1.256A8.65 8.65 0 0 0 17 6.096V3h-2v3.022c-3.615.22-6 2.26-6 5.22c0 4.73 3.83 5.263 6.908 5.69c3.252.453 5.092.842 5.092 3.583C21 23.547 17.867 24 16 24c-3.43 0-4.878-.964-6.222-2.628l-1.556 1.256A8.44 8.44 0 0 0 15 25.965V29h2v-3.045c3.726-.304 6-2.327 6-5.44"/></svg> </template>
CSS
.icon-currency-dollar {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23%2020.515c0-4.615-3.78-5.141-6.817-5.563c-3.31-.46-5.183-.86-5.183-3.71C11%208.85%2013.507%208%2015.654%208a6.75%206.75%200%200%201%205.568%202.628l1.556-1.256A8.65%208.65%200%200%200%2017%206.096V3h-2v3.022c-3.615.22-6%202.26-6%205.22c0%204.73%203.83%205.263%206.908%205.69c3.252.453%205.092.842%205.092%203.583C21%2023.547%2017.867%2024%2016%2024c-3.43%200-4.878-.964-6.222-2.628l-1.556%201.256A8.44%208.44%200%200%200%2015%2025.965V29h2v-3.045c3.726-.304%206-2.327%206-5.44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23%2020.515c0-4.615-3.78-5.141-6.817-5.563c-3.31-.46-5.183-.86-5.183-3.71C11%208.85%2013.507%208%2015.654%208a6.75%206.75%200%200%201%205.568%202.628l1.556-1.256A8.65%208.65%200%200%200%2017%206.096V3h-2v3.022c-3.615.22-6%202.26-6%205.22c0%204.73%203.83%205.263%206.908%205.69c3.252.453%205.092.842%205.092%203.583C21%2023.547%2017.867%2024%2016%2024c-3.43%200-4.878-.964-6.222-2.628l-1.556%201.256A8.44%208.44%200%200%200%2015%2025.965V29h2v-3.045c3.726-.304%206-2.327%206-5.44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/currency-dollar.svg?color=%231a73e8&size=48
