The currency usd icon in 4 styles and 2 corner shapes, drawn once and generated for every size.
import { CurrencyUsdIcon } from '@uv-foundry/icons-react';<CurrencyUsdIcon />This icon is our own interpretation of the currency symbol, redrawn in the style of this icon set. It is not the official symbol and is not endorsed by any central bank or government. For prices, invoices, legal or financial documents, or anywhere the official form is required, use the official symbol and follow the usage guidelines published by the issuing authority.
The currency usd icon as SVG, stroke style with rounded corners. It uses currentColor, so it takes the colour of the text around it.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12.25 2.75v18.5"/><path d="M17.25 8c0-1.8-1.8-2.75-5-2.75S6.75 6.4 6.75 8.5c0 2.3 2.5 3 5.5 3.5s5 1.2 5 3.5c0 2.1-1.7 3.25-5 3.25s-5.5-.95-5.5-2.75"/></svg>Smaller sizes use a heavier stroke so lines stay crisp on screen.