Ícone Click
file-icons:click
O ícone Click (file-icons:click) é um ícone SVG gratuito da coleção File Icons de John Gardner. Ele é desenhado em uma grade de 512 × 512. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- File Icons
- Autor
- John Gardner
- Licença
- ISC
- Tamanho
- 512 × 512
Código SVG
<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>Como usar o ícone Click
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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/file-icons/click.svg" alt="Ícone Click" width="24" height="24">O ícone Click em outras coleções
Perguntas frequentes sobre Ícone Click
O ícone Click é grátis para uso comercial?
Sim. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Click no React?
Instale @iconify/react e renderize <Icon icon="file-icons:click" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Click a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/file-icons/click.svg" alt="Ícone Click">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.