Click icon
file-icons:click
The Click icon (file-icons:click) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" 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>How to use the Click icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:click" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:click" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:click" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--click]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:click"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:click"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/click.svg" alt="Click icon" width="24" height="24">Click icon in other icon sets
Click icon FAQ
Is the Click icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Click icon in React?
Install @iconify/react and render <Icon icon="file-icons:click" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Click icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/click.svg" alt="Click icon">, or paste the SVG code inline to style it with CSS.