Bikeshed icon
file-icons:bikeshed
The Bikeshed icon (file-icons:bikeshed) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 496 × 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
- 496 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="496" height="512" viewBox="0 0 496 512"><path fill="currentColor" d="m384.004 319.234l-27.349-82.046h-65.56v32.346h42.25l3.376 10.126l-72.58 53.479V63.969l59.296-31.625V0L0 172.5v32.343l21.562-11.5v307.984H264.14V373.312l83.332-61.402l5.83 17.489c-58.351 30.62-70.507 112.74-18.653 158.39c55.919 49.226 144.673 19.41 159.376-53.542c13.575-67.364-45.316-125.22-110.021-115.013m78.314 108.623c-9.8 48.634-68.97 68.512-106.25 35.694c-33.102-29.14-27.028-80.527 7.696-102.765l15.307 45.916c-3.362 8.05-1.89 17.979 5.556 24.533c12.426 10.94 32.15 4.314 35.416-11.898c1.943-9.638-2.813-18.37-10.268-22.787l-15.333-46c40.913-2.889 76.542 34.305 67.876 77.307"/></svg>How to use the Bikeshed icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:bikeshed" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:bikeshed" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:bikeshed" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--bikeshed]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:bikeshed"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:bikeshed"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/bikeshed.svg" alt="Bikeshed icon" width="24" height="24">Bikeshed icon FAQ
Is the Bikeshed 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 Bikeshed icon in React?
Install @iconify/react and render <Icon icon="file-icons:bikeshed" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bikeshed icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/bikeshed.svg" alt="Bikeshed icon">, or paste the SVG code inline to style it with CSS.