Icône File Css Thin
ph:file-css-thin
L'icône File Css Thin (ph:file-css-thin) est une icône SVG gratuite de la collection Phosphor par Phosphor Icons. Elle est dessinée sur une grille de 256 × 256. Les Phosphor 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
- Phosphor
- Auteur
- Phosphor Icons
- Licence
- MIT
- Taille
- 256 × 256
- Mots-clés
- documents, code, filecss, cssthin, filecssthin
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M44 180c0 13.23 9 24 20 24a18.15 18.15 0 0 0 13.11-5.9a4 4 0 0 1 5.78 5.54A26.13 26.13 0 0 1 64 212c-15.44 0-28-14.36-28-32s12.56-32 28-32a26.13 26.13 0 0 1 18.89 8.36a4 4 0 0 1-5.78 5.54A18.15 18.15 0 0 0 64 156c-11 0-20 10.77-20 24m82.49-4.85c-10.53-3-15.08-4.91-14.43-10.08a8.57 8.57 0 0 1 3.75-6.49c6.26-4.23 18.77-2.24 23.07-1.11a4 4 0 0 0 2-7.74a61 61 0 0 0-10.47-1.61c-8.12-.54-14.54.75-19.1 3.82a16.63 16.63 0 0 0-7.22 12.13c-1.58 12.49 10.46 16 20.14 18.77c11.25 3.25 16.47 5.49 15.63 11.94a8.93 8.93 0 0 1-3.9 6.75c-6.28 4.17-18.61 2.05-22.83.88a4 4 0 1 0-2.15 7.7a57.8 57.8 0 0 0 14.21 1.89c5.18 0 10.83-.86 15.22-3.77a17 17 0 0 0 7.43-12.41c1.8-13.98-11.58-17.82-21.35-20.67m64 0c-10.53-3-15.08-4.91-14.43-10.08a8.57 8.57 0 0 1 3.75-6.49c6.26-4.23 18.77-2.24 23.07-1.11a4 4 0 0 0 2-7.74a61.3 61.3 0 0 0-10.48-1.61c-8.11-.54-14.54.75-19.09 3.82a16.63 16.63 0 0 0-7.22 12.13c-1.59 12.49 10.46 16 20.14 18.77c11.25 3.25 16.46 5.49 15.63 11.94a8.93 8.93 0 0 1-3.9 6.75c-6.28 4.17-18.61 2.05-22.83.88a4 4 0 1 0-2.15 7.7a57.7 57.7 0 0 0 14.21 1.89c5.17 0 10.83-.86 15.22-3.77a17 17 0 0 0 7.43-12.41c1.79-13.98-11.58-17.82-21.35-20.67M204 92h-52a4 4 0 0 1-4-4V36H56a4 4 0 0 0-4 4v72a4 4 0 0 1-8 0V40a12 12 0 0 1 12-12h96a4 4 0 0 1 2.83 1.17l56 56A4 4 0 0 1 212 88v24a4 4 0 0 1-8 0Zm-5.65-8L156 41.65V84Z"/></svg>
Comment utiliser l'icône File Css Thin
React
import { Icon } from "@iconify/react";
<Icon icon="ph:file-css-thin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:file-css-thin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:file-css-thin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--file-css-thin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:file-css-thin"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:file-css-thin"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/ph/file-css-thin.svg" alt="Icône File Css Thin" width="24" height="24">
Icônes similaires dans Phosphor
FAQ : Icône File Css Thin
L'icône File Css Thin est-elle gratuite pour un usage commercial ?
Oui. Les Phosphor icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône File Css Thin dans React ?
Installez @iconify/react et affichez <Icon icon="ph:file-css-thin" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône File Css Thin à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ph/file-css-thin.svg" alt="Icône File Css Thin">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Phosphor →
