Casc icon

file-icons:casc

The Casc icon (file-icons:casc) 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="M362.039 0H149.96L0 149.961V362.04L149.961 512H362.04L512 362.039V149.96zm140.337 358.052L358.052 502.376H153.948L9.624 358.052V153.948L153.948 9.624h204.104l144.324 144.324zm-9.513-197.438v186.25L374.036 140.51zM352.77 19.137l-90.1 70.833l229.011 66.736l-137.57-137.57zM156.543 20.48l-9.937 108.82l200.71-110.164H157.887zm258.722 239.861l-54.257 225.625L492.616 354.36zm-392.028 97.87l134.651 134.651h2.11l87.029-84.324zM355.09 491.885l9.313-124.685l-197.528 125.663h187.237zM95.018 240.794l53.16-211.947L20.014 157.01zm41.01 117.928L19.137 159.68v193.772zm41.688-193.14s-6.677-8.33-17.661-7.954c-10.71.366-26.595 4.988-26.425 34.514c.145 25.23 15.21 34.127 27.369 33.436c11.864-.674 18.066-10.516 18.066-10.516l7.954 10.111c-6.067 7.416-13.752 13.325-27.605 13.325c-18.854 0-40.47-12.205-40.884-45.008c-2.797-50.69 49.48-60.4 67.23-37.445zm74.794 71.706h15.691l-30.21-91.57h-16.628l-30.445 91.57h15.222l7.616-26.182h31.018zm-35.245-38.243l11.879-40.835l12.066 40.835zm25.435 131.36c27.138 20.582 42.458 7.364 41.21-4.059c-.831-7.609-13.679-12.066-25.871-16.786c-13.778-5.333-19.362-12.665-19.362-25.894c0-22.219 33.914-34.804 58.036-12.583l-8.483 9.602c-9.053-8.683-32.311-13.54-34.747 2.98c0 17.37 43.845 12.71 45.327 42.681c0 29.124-41.195 38.431-65.024 14.285zm126.335-49.555c-7.953-13.46-43.787-14.42-43.087 27.356c.66 39.505 35.484 37.843 45.884 23.16l8.128 10.139c-24.996 26.569-68.87 10.138-68.87-32.513c-1.573-45.447 42.3-64.325 66.598-37.406"/></svg>

How to use the Casc icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Casc icon FAQ

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

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

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

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

Browse all File Icons →