Icône File Type Bold

solar:file-type-bold

L'icône File Type Bold (solar:file-type-bold) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Solar
Auteur: 480 Design
Licence: CC-BY-4.0
Taille: 24 × 24
Mots-clés: filetype, typebold, filetypebold

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.0303 2C10.6361 2 11.1218 1.99994 11.5303 2.0166C11.5168 2.09653 11.5091 2.1783 11.5088 2.26074L11.5 5.09473C11.4999 6.19183 11.4994 7.16184 11.6045 7.94336C11.7184 8.79041 11.9807 9.6369 12.6719 10.3281C13.3631 11.0193 14.2096 11.2816 15.0566 11.3955C15.8382 11.5006 16.8082 11.5001 17.9053 11.5H21.957C21.9996 12.0342 22 12.6899 22 13.5625V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.6566 21.9997 17.7712 22 14 22H10C6.22876 22 4.34345 21.9997 3.17188 20.8281C2.0003 19.6566 2 17.7712 2 14V10C2 6.22876 2.0003 4.34345 3.17188 3.17188C4.34345 2.0003 6.23918 2 10.0303 2ZM8.1748 10.75C7.75934 10.75 7.37757 10.7484 7.06738 10.7871C6.73898 10.8281 6.38889 10.9241 6.08789 11.1914C6.03651 11.2371 5.98707 11.2865 5.94141 11.3379C5.67413 11.6389 5.57811 11.989 5.53711 12.3174C5.49842 12.6276 5.5 13.0093 5.5 13.4248C5.5 13.839 5.83579 14.1748 6.25 14.1748C6.66421 14.1748 7 13.839 7 13.4248C7 12.9708 7.00102 12.6997 7.02539 12.5039C7.039 12.3948 7.05615 12.3488 7.06348 12.334C7.06992 12.3267 7.07675 12.3199 7.08398 12.3135C7.09885 12.3061 7.14477 12.289 7.25391 12.2754C7.44967 12.251 7.72076 12.25 8.1748 12.25H8.5V17.75H7.25C6.83579 17.75 6.5 18.0858 6.5 18.5C6.5 18.9142 6.83579 19.25 7.25 19.25H11.25C11.6642 19.25 12 18.9142 12 18.5C12 18.0858 11.6642 17.75 11.25 17.75H10V12.25H10.3252C10.7792 12.25 11.0503 12.251 11.2461 12.2754C11.3552 12.289 11.4011 12.3061 11.416 12.3135C11.4232 12.3199 11.4301 12.3267 11.4365 12.334C11.4439 12.3488 11.461 12.3948 11.4746 12.5039C11.499 12.6997 11.5 12.9708 11.5 13.4248C11.5 13.839 11.8358 14.1748 12.25 14.1748C12.6642 14.1748 13 13.839 13 13.4248C13 13.0093 13.0016 12.6276 12.9629 12.3174C12.9219 11.989 12.8259 11.6389 12.5586 11.3379C12.5129 11.2865 12.4635 11.2371 12.4121 11.1914C12.1111 10.9241 11.761 10.8281 11.4326 10.7871C11.1224 10.7484 10.7407 10.75 10.3252 10.75H8.1748ZM13.0088 2.26562C13.7007 2.53113 14.2649 3.03877 15.3926 4.05371L19.3516 7.61621C20.5682 8.71115 21.2175 9.29582 21.5801 10H18C15.643 10 14.4647 9.99981 13.7324 9.26758C13.0002 8.53534 13 7.35697 13 5L13.0088 2.26562Z"/></svg>

Comment utiliser l'icône File Type Bold

React

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

<Icon icon="solar:file-type-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:file-type-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:file-type-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--file-type-bold]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:file-type-bold"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/file-type-bold.svg" alt="Icône File Type Bold" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône File Type Bold

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

Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

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

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

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

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

Voir toutes les Icônes Solar →