Cabal icon
file-icons:cabal
The Cabal icon (file-icons:cabal) 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="M301.116.52L133.983 31.364c-13.745 2.537-18.066 13.645-9.65 24.811L287.707 272.92c8.416 11.166 26.382 18.16 40.127 15.624L494.966 257.7c13.745-2.537 18.065-13.645 9.65-24.811L341.242 16.144C332.827 4.978 314.861-2.017 301.116.52m190.367 276.4L315.28 307.49c-11.964 2.075-28.37 12.895-36.644 24.167L158.73 495.002c-8.274 11.272-5.284 18.727 6.68 16.651l176.203-30.569c11.964-2.075 28.37-12.895 36.644-24.167l119.906-163.345c8.274-11.272 5.283-18.727-6.68-16.652M56.049 241.056c-2.76 7.228-54.072 47.812-52.945 56.098S64.414 330.108 69 336.287s21.686 85.697 27.976 87.409s38.723-64.321 44.317-67.73s67.474 5.15 70.235-2.077c2.76-7.229-37.379-72.706-38.506-80.993c-1.126-8.286 20.016-82.513 15.432-88.692c-4.584-6.18-61.824 19.386-68.114 17.674s-55.105-56.148-60.7-52.738s-.831 84.687-3.592 91.916"/></svg>How to use the Cabal icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:cabal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:cabal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:cabal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--cabal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:cabal"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:cabal"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/cabal.svg" alt="Cabal icon" width="24" height="24">Cabal icon in other icon sets
Cabal icon FAQ
Is the Cabal 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 Cabal icon in React?
Install @iconify/react and render <Icon icon="file-icons:cabal" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cabal icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/cabal.svg" alt="Cabal icon">, or paste the SVG code inline to style it with CSS.