IconSearch logoIconsearch
Home/Libraries/FontAudio (Iconify)/close
← Back to Search
FontAudio (Iconify)

Close

License: CC-BY-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#818cf8" fill-rule="evenodd" d="M39.723 193.132c.283-8.428-.284-102.83-.284-112.335s8.156-17.14 17.993-17.327s55.149.172 55.149.172c1.103.008 2.644.63 3.45 1.39l34.483 32.477c1.206 1.136 3.534 2.06 5.196 2.06h46.823c7.174 0 12.552 5.312 12 11.865c0 0 1.2 18.088 1 36.787s0 43.91 0 48.408c0 4.497-8.46 11.442-15.84 10.883s-132.898.813-142.362.813s-17.892-6.765-17.608-15.193m18.053-110.71l.235 16.507a2.03 2.03 0 0 0 2.024 2.002l65.144-.08c2.208-.003 2.696-1.233 1.085-2.748l-17.935-16.859c-.808-.76-2.36-1.366-3.466-1.354l-45.114.505a1.995 1.995 0 0 0-1.973 2.027m4.046 109.177l135.996.73a1.95 1.95 0 0 0 1.98-1.98l-.922-71.163a2.01 2.01 0 0 0-2.018-1.977l-135.05.894a2.01 2.01 0 0 0-1.992 2.016v69.466c0 1.1.899 2.008 2.006 2.014"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. CloseIcon.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.

Related Icons in FontAudio (Iconify)

Browse all FontAudio (Iconify) icons →
adr
adr
adsr
adsr
ahdsr
ahdsr
ar
ar
armrecording
armrecording
arpchord
arpchord
arpdown
arpdown
arpdownandup
arpdownandup
arpdownup
arpdownup
arpplayorder
arpplayorder
arprandom
arprandom
arpup
arpup