Bosque icon

file-icons:bosque

The Bosque icon (file-icons:bosque) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M154.588 442.216h-30.511v-40.372h28.511c24.884 1.86 25.628 38.697 2 40.372m277.905-91.189c-32.342-14.688-66.184 12.212-62.277 50.724c3.364 33.164 33.246 48.1 58.991 39.85l-17.46-20.086l20.539-16.465l18.26 21.154c16.949-23.94 9.38-62.718-18.053-75.177m-280.788-1.741h-27.628v26.511h27.628c15.904-1.775 14.507-26.511 0-26.511M512 0v512H0V0zM173.181 386.873c36.777-12.753 20.465-64.936-20.36-64.936H93.937v146.511h61.954c53.86 0 63.07-70.883 17.29-81.575m146.802 41.529c0-49.954-65.786-44.485-66.418-67.488c-.484-17.605 25.595-19.925 33.86-.93l23.814-15.257c-16.744-36.837-87.442-32.372-87.535 15.442c-1.761 38.964 39.728 44.58 58.047 56.093c26.608 21.604-20.623 45.289-42.14 9.489l-25.116 13.674c23.582 48.279 107.163 39.488 105.488-11.023M469.4 448.044c35.312-35.98 26.321-99.796-23.834-121.363c-55.814-24-113.95 19.829-106.85 78.176c6.49 53.34 63.8 81.191 109.447 58.55l21.913 25.21l19.623-17.058z"/></svg>

How to use the Bosque icon

React

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

<Icon icon="file-icons:bosque" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:bosque" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:bosque" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:bosque"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/bosque.svg" alt="Bosque icon" width="24" height="24">

Bosque icon FAQ

Is the Bosque icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Bosque icon in React?

Install @iconify/react and render <Icon icon="file-icons:bosque" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bosque icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/bosque.svg" alt="Bosque icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →