Dub icon
file-icons:dub
The Dub icon (file-icons:dub) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M233.105 323.672c-30.388-17.521-30.388-61.562 0-79.083s68.581 4.5 68.581 39.541s-38.192 57.063-68.58 39.542m76.15-98.11c0-12.367-13.478-20.137-24.202-13.954s-10.724 21.724 0 27.907s24.202-1.587 24.202-13.954M440.202 125H314.125v166.487c0 32.754-29.423 51.9-58.646 51.677c-28.827-.22-57.46-19.367-57.46-51.677v-55.92c0-46.119-16.408-71.065-38.063-88.893C140.186 130.397 117.368 125 71.942 125H0v261.648h108.27c26.225-.567 44.373-12.605 58.808-27.125c-11.721-11.01-20.594-24.41-25.616-38.45c-9.383 12.184-19.806 21.957-35.33 23.753h-62.83v-174.68h47.873c41.296-2.173 63.483 28.881 63.483 54.764v70.406c0 43.811 42.65 91.684 98.206 91.684c66.247 0 105.424-52.533 105.424-100.618v-113.95h79.065c37.517 0 37.517 58.415 0 58.415h-62.267v42.742h54.907c43.45 0 49.149 62.451 10.21 69.812h-83.755c-7.982 15.854-20.18 29.926-34.933 43.247H444.09c31.223 0 67.818-28.762 67.818-81.957c0-20.011-10.592-39.257-21.37-51.76c47.487-50.342 9.703-125.824-50.336-127.931"/></svg>How to use the Dub icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:dub" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:dub" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:dub" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--dub]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:dub"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:dub"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/dub.svg" alt="Dub icon" width="24" height="24">Dub icon in other icon sets
Dub icon FAQ
Is the Dub 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 Dub icon in React?
Install @iconify/react and render <Icon icon="file-icons:dub" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dub icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/dub.svg" alt="Dub icon">, or paste the SVG code inline to style it with CSS.