Icône File Type Bower

vscode-icons:file-type-bower

L'icône File Type Bower (vscode-icons:file-type-bower) 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, typebower, filetypebower

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#543729" d="M29.465 15.715c-1.44-1.384-8.642-2.248-10.914-2.5a7 7 0 0 0 .281-.806a9 9 0 0 1 .99-.367c.042.124.241.6.354.826c4.569.126 4.8-3.4 4.99-4.36a5.45 5.45 0 0 1 1.74-3.521c-2.335-.68-5.693 1.055-6.818 3.637a7 7 0 0 0-1.265-.348a6.14 6.14 0 0 0-5.966-4.585A11.154 11.154 0 0 0 2 15.232c0 6.1 4.163 11.442 6.515 11.442a2.32 2.32 0 0 0 2.118-1.459c.174.473.708 1.943.883 2.317c.259.553 1.457 1.032 1.981.458a1.93 1.93 0 0 0 2.585-.4a1.914 1.914 0 0 0 2.471-1.423c.637-.034.95-.928.81-1.641a17.5 17.5 0 0 0-1.625-3.056c.846.688 2.988.883 3.248 0c1.364 1.07 3.489.509 3.657-.362c1.657.431 3.558-.515 3.245-1.66c2.664-.183 2.324-3.015 1.577-3.733"/><path fill="#00acee" d="M22.053 9.675a10.2 10.2 0 0 1 2.2-3.148a5.7 5.7 0 0 0-2.575 2.9a9 9 0 0 0-.906-.506a5.88 5.88 0 0 1 4.8-3.308c-1.4 1.269-.9 3.906-2.053 5.3a15 15 0 0 0-1.466-1.238m-.9 1.852a5 5 0 0 1 .047-.533a5 5 0 0 0-.839-.11a3.2 3.2 0 0 0 .291 1.216a4.4 4.4 0 0 0 2.282-.633a7.6 7.6 0 0 0-1.54-.434c-.059.116-.194.409-.245.494Z"/><path fill="#2baf2b" d="M17.2 20.527v.005a15 15 0 0 1-.449-1.1c.665.968 2.75.469 2.641-.4c1.02.768 3.121-.128 2.643-1.2c1.022.476 2.189-.482 1.927-.9c1.743.336 3.413.671 3.937.805a2.03 2.03 0 0 1-2.337.69c.646.88-.608 1.936-2.355 1.354c.385.864-1.171 1.642-2.939.741c.023.861-2.192.96-3.068.005m3.457-4.369c2.023.155 5.367.457 7.438.747c-.131-.674-.488-.866-1.612-1.168c-1.209.129-4.277.43-5.826.421"/><path fill="#ffcc2f" d="M19.393 19.031c1.02.768 3.121-.128 2.643-1.2c1.022.476 2.189-.482 1.927-.9c-2.06-.4-4.222-.8-4.713-.866c.3.016.791.05 1.406.1c1.55.009 4.617-.293 5.826-.422a59 59 0 0 0-8.714-1.4a4 4 0 0 1-.773.841c-1.208 2.555-3.4 4.253-5.816 4.253a7.8 7.8 0 0 1-2.38-.4c-.552.591-2.9 1.039-4.813.1a9.74 9.74 0 0 0 8.914 5.907c3.273 0 4.725-3.342 4.407-4.227c-.077-.215-.382-.927-.553-1.387c.663.97 2.746.47 2.639-.399"/><path fill="#cecece" d="M17.409 12.3a9.5 9.5 0 0 1 2.239-.99a4 4 0 0 1-.033-.319c-.624.15-1.8.654-2.476-.041c1.423.429 2.134-.383 3.18-.383a6.7 6.7 0 0 1 2.214.449a7.47 7.47 0 0 0-4.7-2.1a3.29 3.29 0 0 0-.424 3.384"/><path fill="#ef5734" d="M8.8 19.03a7.8 7.8 0 0 0 2.38.4c2.421 0 4.609-1.7 5.816-4.253a7.5 7.5 0 0 1-4.87 1.384a7.62 7.62 0 0 0 4.964-3.139a4.22 4.22 0 0 1 .44-5.249a4.93 4.93 0 0 0-4.674-3.284C7.575 4.891 3.2 9.31 3.2 15.232a9.9 9.9 0 0 0 .788 3.9c1.912.937 4.26.489 4.812-.102"/><path fill="#ffcc2f" d="M10.384 10.013a2.439 2.439 0 1 0 2.439-2.439a2.44 2.44 0 0 0-2.439 2.439"/><path fill="#543729" d="M11.363 10.013a1.46 1.46 0 1 0 1.46-1.46a1.46 1.46 0 0 0-1.46 1.46"/><ellipse cx="12.823" cy="9.365" fill="#fff" rx=".851" ry=".529"/></svg>

Comment utiliser l'icône File Type Bower

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-bower"></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-bower"></iconify-icon>

Image HTML

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

Icônes similaires dans VSCode Icons

FAQ : Icône File Type Bower

L'icône File Type Bower 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 Bower dans React ?

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

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

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

Voir toutes les VSCode Icons →