ICONYZ
Français
Icône File Type Capacitor de VSCode Icons

Icône File Type Capacitor

vscode-icons:file-type-capacitor

L'icône File Type Capacitor (vscode-icons:file-type-capacitor) est une icône SVG gratuite de la collection VSCode Icons par Roberto Huertas. Elle est dessinée sur une grille de 32 × 32. Les VSCode Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
VSCode Icons
Auteur
Roberto Huertas
Licence
MIT
Taille
32 × 32
Mots-clés
filetype, typecapacitor, filetypecapacitor
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGMLlbHeQQ" x1="3.843" x2="28.148" y1="28.15" y2="3.845" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7ecefd"/><stop offset="1" stop-color="#56b1fc"/></linearGradient></defs><path fill="url(#SVGMLlbHeQQ)" d="M29.706 17.76c.329.324.315.5-.007.811c-1.1 1.066-2.18 2.161-3.263 3.249c-.185.186-.319.329-.582.064q-4.885-4.925-9.788-9.83q-2.989-2.964-5.981-5.925c-.192-.189-.17-.317.011-.5q1.743-1.726 3.469-3.471c.214-.217.345-.179.539.017q2.127 2.156 4.27 4.3c.387.374.772.751 1.162 1.121c.156.148.277.352.529.361q2.895-2.888 5.786-5.781c.215-.216.351-.246.583-.011a188 188 0 0 0 3.357 3.325c.295.283.265.436-.009.706c-1.812 1.787-3.595 3.6-5.417 5.38c-.375.365-.332.544.016.885c1.787 1.753 3.539 3.544 5.325 5.299m-13.775 2.193a.6.6 0 0 0-.067-.1q-4.841-4.842-9.679-9.689c-.246-.246-.389-.241-.629 0a183 183 0 0 1-3.3 3.3c-.318.306-.276.471.015.758c1.783 1.76 3.536 3.549 5.325 5.3c.362.356.35.549-.007.9c-1.8 1.77-3.568 3.573-5.359 5.353c-.262.26-.332.416-.024.715a145 145 0 0 1 3.289 3.309c.26.27.4.266.663 0Q8 27.916 9.882 26.07a28 28 0 0 1 2.171-2.1l1.57 1.564q2.133 2.14 4.262 4.285c.2.2.347.207.55 0q1.724-1.739 3.464-3.461c.185-.183.187-.311 0-.5q-2.99-2.943-5.968-5.905"/></svg>

Comment utiliser l'icône File Type Capacitor

React

import { Icon } from "@iconify/react";

<Icon icon="vscode-icons:file-type-capacitor" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vscode-icons:file-type-capacitor" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vscode-icons:file-type-capacitor" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-capacitor]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-capacitor"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:file-type-capacitor"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-capacitor.svg" alt="Icône File Type Capacitor" width="24" height="24">

Icônes similaires dans VSCode Icons

FAQ : Icône File Type Capacitor

L'icône File Type Capacitor est-elle gratuite pour un usage commercial ?

Oui. Les VSCode Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône File Type Capacitor dans React ?

Installez @iconify/react et affichez <Icon icon="vscode-icons:file-type-capacitor" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône File Type Capacitor à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-capacitor.svg" alt="Icône File Type Capacitor">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les VSCode Icons →