Home/Libraries/Freehand free icons (Iconify)/credit-card-dollar

Freehand free icons (Iconify)

CreditCardDollar

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M15.26 8.976a2 2 0 0 0-.06.25v.609a.3.3 0 0 0 .17.399a.3.3 0 0 0 .4-.17q.21-.24.389-.509a1 1 0 0 0 .18-.49a.5.5 0 0 0 0-.119c.363.06.734.06 1.098 0a1.56 1.56 0 0 0 1.438-1.338a1.29 1.29 0 0 0-.4-1.148a4.35 4.35 0 0 0-1.647-.769a3 3 0 0 1-.6-.26a.42.42 0 0 1-.219-.309c-.06-.5.31-.709.759-.749c.57-.021 1.135.11 1.637.38a.27.27 0 0 0 .38-.07a.28.28 0 0 0-.08-.38a3.3 3.3 0 0 0-.839-.419a1 1 0 0 0 .08-.1q.05-.126.08-.26a2 2 0 0 0 0-.239v-.609a.3.3 0 0 0-.17-.4a.3.3 0 0 0-.4.17q-.21.237-.389.5a1.3 1.3 0 0 0-.04.24a1.3 1.3 0 0 0-.06.249a2 2 0 0 0 0 .22a2.5 2.5 0 0 0-.718 0a1.36 1.36 0 0 0-1.218 1.517a1.29 1.29 0 0 0 .559.998a6.3 6.3 0 0 0 1.597.7c.33.12.67.209.64.578c-.03.37-.47.57-.93.61a2.84 2.84 0 0 1-1.577-.29a1.2 1.2 0 0 1-.29-.28a2.5 2.5 0 0 1-.319-.509a.31.31 0 0 0-.4-.16a.31.31 0 0 0-.159.41q.135.381.36.719c.114.166.26.308.429.419q.215.154.46.26v.05a1 1 0 0 0-.14.299"/><path d="M22.699 3.425A6.38 6.38 0 0 0 19.514.649A7.2 7.2 0 0 0 15.33.1a7.16 7.16 0 0 0-5.141 4.183a5.68 5.68 0 0 0 1.287 6.38q.466.473.999.869q.539.408 1.168.659c.486.186.998.294 1.518.32c.754.04 1.51 0 2.256-.12a.27.27 0 0 0 .24-.3a.28.28 0 0 0-.3-.24c-.71.08-1.427.08-2.137 0a4.6 4.6 0 0 1-1.327-.33a4 4 0 0 1-.999-.608a8 8 0 0 1-.888-.819a4.89 4.89 0 0 1-.939-5.471a6.2 6.2 0 0 1 4.453-3.554a6.35 6.35 0 0 1 3.594.449a5.5 5.5 0 0 1 2.766 2.286a5.37 5.37 0 0 1 .19 4.513a5.22 5.22 0 0 1-3.305 3.145a.32.32 0 0 0-.22.38a.32.32 0 0 0 .39.219a5.93 5.93 0 0 0 3.833-3.454a6.22 6.22 0 0 0-.07-5.182M3.35 10.184q.167.4.379.779c.112.177.266.325.45.43a.57.57 0 0 0 .488 0a6 6 0 0 0 .819-.55c.34-.27.679-.57.998-.869c.32-.3.63-.619.919-.928a.31.31 0 0 0-.331-.507a.3.3 0 0 0-.098.068a15.6 15.6 0 0 1-1.857 1.348q.383-1.027.928-1.977c.307-.564.664-1.1 1.068-1.598A5.5 5.5 0 0 1 9.56 4.513a.26.26 0 0 0 .19-.33a.26.26 0 0 0-.33-.2a5.53 5.53 0 0 0-3.084 1.728a7.3 7.3 0 0 0-1.159 1.777a11.3 11.3 0 0 0-.798 2.536q-.03-.145-.09-.28q-.405-.766-.689-1.587q-.3-.83-.47-1.697a.271.271 0 1 0-.538.06c.017.75.114 1.497.29 2.226q.182.736.468 1.438m13.308 6.02a10 10 0 0 0-.31-2.236a.75.75 0 0 0-.608-.42c-.6-.1-2.137-.17-2.307-.19c-.808-.089-1.607-.149-2.416-.209s-1.617-.08-2.426-.1H5.686c-1.438.08-2.876.21-4.313.33a.31.31 0 0 0 0 .619c1.437-.09 2.865-.2 4.303-.24H8.52c.949 0 1.598.09 2.396.16c.799.07 1.578.15 2.366.26c.16 0 1.548.11 2.177.22a9 9 0 0 1 .16 1.657c-1.578-.21-3.205-.42-4.852-.52a32 32 0 0 0-3.545 0a27.3 27.3 0 0 0-5.61.87v-1.998a.28.28 0 0 0-.27-.28a.28.28 0 0 0-.28.27l-.19 5.99c0 .37-.16 1.089-.17 1.678a2 2 0 0 0 .16.899c.205.227.485.372.79.409a34 34 0 0 0 5.39.58c2.536.079 5.312.059 7.08-.06a6.3 6.3 0 0 0 1.996-.34a1.44 1.44 0 0 0 .53-.999q.11-1.497 0-2.995c-.03-1.078.05-2.236.01-3.355m-1.128 6.25a.7.7 0 0 1-.05.17q-.576.135-1.168.16c-1.398.12-3.604.18-5.8.18a51 51 0 0 1-6.46-.28c-.21 0-.38-.17-.45-.14a2.1 2.1 0 0 1-.05-.649c0-.539.12-1.118.12-1.437V18.76a.3.3 0 0 0 .13 0c.898 0 1.787-.06 2.676-.06H8.72c2.146 0 4.283 0 6.44.07a.31.31 0 0 0 .329-.29a.3.3 0 0 0-.28-.329c-1.577-.17-3.145-.33-4.712-.419c-.679 0-1.358-.07-1.997-.07H6.504c-1.577.08-3.145.26-4.722.48h-.07v-1.179a36 36 0 0 1 5.661-.42h3.464c1.658 0 3.305.09 4.903.19c0 .949-.07 1.897-.08 2.736v1.827a5 5 0 0 1-.13 1.158"/><path d="M13.773 20.957a7 7 0 0 0-.809-.35q-.184-.06-.38-.06a1.8 1.8 0 0 0-.399 0a2.5 2.5 0 0 0-.918.32a.31.31 0 1 0 .2.59q.377-.01.748.069q.259.04.52.05c.329 0 .638-.07.998-.1a.27.27 0 0 0 .304-.336a.27.27 0 0 0-.224-.203z"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CreditCardDollarIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.