Bundler icon

file-icons:bundler

The Bundler icon (file-icons:bundler) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 481 × 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: 481 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="481" height="512" viewBox="0 0 481 512"><path fill="currentColor" d="M170.354 327.245c-1.915-.5-41.037-21.368-61.359-32.703c-7.95-2.952-17.808 1.17-23.158 8.704L4.459 257.06L0 248.372c17.284-32.733 44.9-42.682 79.065-23.14c-1.39-11.988-.028-24.09 5.458-36.36c1.875-3.425-1.938-4.1-6.457-5.574l-4.574-8.11c3.443-6.962 4.656-5.822 4.344-7.288c-1.752-8.977 1.251-14.973 7.302-19.58c2.499-1.73 33.748-19.18 37.707-21.025c9.312-4.432 21.808.953 24.177 14.26c3.15 3.471 31.442 17.676 46.432 25.753c1.845-.605 4.878-3.295 7.919-5.996c10.313-25.093 11.028-64.222 24.03-94.928c18.2-42.977 51.201-73.91 107.156-64.779c15.25 4.035 58.152 28.009 97.669 51.621c54.684 48.633 25.905 117.624-6.573 146.523c24.97 9.89 15.773 18.775 12.915 20.833l-46.433 26.243c.436 15.27 85.465 155.428 89.954 198.115c.67 14.7-12.624 24.792-31.56 39.314c-43.153 32.165-53.859 35.756-91.863 13.928l-28.497-29.443c-3.093-13.047.655-14.129-1.754-22.622c-15.764-31.33-29.836-61.579-39.292-77.44c-7.29-10.78-13.458-5.498-20.75-15.765c-7.335-9.544-9.495-20.037-8.309-31.682c-14.489 7.892-27.226 16.313-31.726 16.29c-3.714-.295-19.824-9.535-35.845-18.654c-19.881-3.793-7.89 7.362-20.141 8.379M381.666 57.549c-65.22 8.408-92.456 102.862-39.188 135.642c38.422 23.634 93.036-7.628 102.479-58.67c8.35-45.1-22.217-82.232-63.291-76.972M305.1 165.925c-2.826 22.12-8.744 30.763-9.76 40.82l34.51 18.838c3.025-9.506-8.771-2.381-24.75-59.658m57.32-119.813c-15.198-8.67-39.769-22.062-65.489-36.033c-69.486 28.648-64.858 97.296-81.449 154.197l66.11 36.195c23.718-64.284 10.87-115.675 80.827-154.359m14.935 210.655c-2.597-4.536-5.974-6.677-10.609-4.95c-38.866 18.39-73.923 33.967-78.245 63.007c-2 11.047-1.32 15.603 6.655 20.616c50.878 38.937 30.945 149.973 103.547 147.786c22.004.319 61.132-19.42 66.405-40.951c1.233-18.989-49.36-110.822-87.753-185.508m-.689 6.758c-4.156 4.948-21.744 12.441-29.019 18.381c-17.156 14.007-20.964 27.77-11.325 46.933c18.402 39.849 25.474 81.05 33.141 124.342c-22.85-29.277-17.478-88.61-59.497-121.631c-15.132-8.317 7.801-51.066 66.7-68.025m26.61 204.612c15.095-2.112 49.434-23.37 44.394-38.51c-4.98-12.825-12.135-27.43-20.52-43.038c8.585 63.162-15.709 69.702-23.873 81.548M356.33 323.654c-9.944-5.733-9.944-20.143 0-25.876s22.442 1.472 22.442 12.938s-12.498 18.671-22.442 12.938m33.524 110.092c-9.945-5.733-9.945-20.143 0-25.876s22.442 1.472 22.442 12.938s-12.498 18.671-22.442 12.938m-6.675-357.53c-48.212 6.215-68.345 76.038-28.97 100.27c28.404 17.471 68.776-5.639 75.756-43.37c6.173-33.339-16.423-60.788-46.786-56.9"/></svg>

How to use the Bundler icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Bundler icon FAQ

Is the Bundler 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 Bundler icon in React?

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

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

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

Browse all File Icons →