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

Freehand free icons (Iconify)

CreditCardPhoneCall

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="M22.507 10.184a.35.35 0 0 0-.478.07c-.348.468.518.577.897 1.473c.567 1.354-.777 4.73-2.121 6.304a33.2 33.2 0 0 1-5.148 4.58c-1.325.886-3.814-.368-4.063-2.14a7.8 7.8 0 0 1 .996-1.564c.189-.26.448-.777.547-.618c.618-.1 1.812.926 2.54.757a3.98 3.98 0 0 0 2.3-1.842a9.4 9.4 0 0 0 1.463-2.58c.08-.218.319-.527.21-.816s-.458-.418-.747-.557c-1.504-.747-1.046-1.105-1.275-1.095c.568-.996 1.593-2.53 2.758-2.27q.326.075.628.218a.303.303 0 0 0 .259-.547a3.6 3.6 0 0 0-.916-.32c-1.444-.208-2.67 1.325-3.376 2.58c-.309.518.209 1.294.767 1.713q.39.264.816.468s.09.09.17.149l-.08.15a11.2 11.2 0 0 1-2.25 3.236a2 2 0 0 1-.907.458c0-.12-.259-.1-.428-.18c-2.43-1.224-2.579-.737-4.073 1.394c-.35.39-.532.901-.507 1.424a4.19 4.19 0 0 0 5.237 3.217a4.4 4.4 0 0 0 1.255-.877a25 25 0 0 0 2.22-1.892c1.813-1.842 3.516-3.206 4.362-6.651c.388-1.832.498-3.107-1.056-4.242M.82 3.612a.309.309 0 0 0-.618 0C.102 5.603.67 13.828.72 14.107c.508 2.888 3.316 2.081 5.238 1.892s3.107-.289 5.028-.597a.349.349 0 0 0-.09-.687a56 56 0 0 1-4.978.308c-.996 0-3.206.379-3.744-.418a5.05 5.05 0 0 1-.398-2.31C1.686 11.707.81 4.319.82 3.612"/><path d="M15.856 7.107c4.112-.627 5.108-.777 5.447-.856c.398-.29.388-.787-.21-.817c-.995.08-1.792.269-5.337.657c-1.523.17-4.212.12-5.974.2c-2.74.144-5.456.574-8.106 1.284c-.458.09-.289.807.1.667a47.5 47.5 0 0 1 7.856-.777a48 48 0 0 0 6.224-.358"/><path d="M21.173.425C16.762-1.128 2.044 2.058.909 2.248a.349.349 0 1 0 .08.687c.996-.09 16.25-2.59 19.746-1.484c.199.2.15.279.249.478c.787 1.563.677 3.445.916 6.97a.309.309 0 1 0 .617 0c-.219-4.69.13-7.916-1.344-8.474"/><path d="M2.124 5.046a.309.309 0 0 0 .17.587c1.583-.488 2.668-.209 18.67-1.922c.468 0 .259-.726-.15-.726c-2.469.139-13.86.487-18.69 2.06m6.383 6.692c-1.882.389-3.366-.06-4.76.458a.309.309 0 0 0 .13.598c1.374-.08 1.991.936 4.849-.389a.35.35 0 1 0-.219-.667"/></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. CreditCardPhoneCallIcon.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.