IconSearch logoIconsearch
Home/Libraries/File Icons (Iconify)/click
← Back to Search
File Icons (Iconify)

Click

License: ISCCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" fill-rule="evenodd" d="M455.034 329.018V221.946H512V0H0v184.616l74.632 74.639L0 333.888V512h512V329.018zM325.188 143.311l-14.91 64.253h-5.81c-.696-17.493-4.999-30.532-12.896-39.131q-11.854-12.898-30.94-12.896q-20.573 0-41 17.592c-13.617 11.728-25.141 29.667-34.586 53.817c-7.655 19.586-11.479 38.916-11.479 58.003c0 17.093 4.198 30.132 12.6 39.131c8.396 9 19.9 13.486 34.514 13.486q17.74 0 32.35-7.753c9.74-5.156 19.579-13.564 29.516-25.187h7.156c-12.325 18.484-24.774 31.457-37.341 38.909q-18.86 11.175-46.144 11.176c-24.354 0-43.959-7.372-58.815-22.13c-14.863-14.758-22.288-34.016-22.288-57.773c0-22.268 5.91-43.513 17.742-63.741q17.739-30.335 51.063-49.05c22.21-12.468 44.3-18.706 66.267-18.706c8.35 0 18.733 1.79 31.162 5.366c6.356 1.79 10.783 2.682 13.263 2.682q7.456 0 15.06-8.048zM357.852 292.4h-5.667q7.3-39.357 10.881-80.14c2.388-27.18 6.087-45.467 11.105-54.86c5.018-9.392 11.557-14.089 19.605-14.089c4.277 0 8.1 1.89 11.485 5.667c3.378 3.778 5.064 8.343 5.064 13.715c0 4.375-.84 9.19-2.532 14.457c-1.692 5.273-6.907 17-15.657 35.19c-14.508 30.414-25.94 57.103-34.284 80.06m-13.727 13.268c-13.42 0-24.3 10.88-24.3 24.3s10.88 24.3 24.3 24.3s24.3-10.88 24.3-24.3s-10.88-24.3-24.3-24.3" clip-rule="evenodd"/></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. ClickIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **ISC** 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 File Icons (Iconify)

Browse all File Icons (Iconify) icons →
1c
1c
1c-alt
1c-alt
3d-model
3d-model
3ds-max
3ds-max
4d
4d
a
a
abap
abap
abif
abif
acre
acre
actionscript
actionscript
ada
ada
adobe
adobe