file type casc logo
file-type-casc from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-casc
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type casc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M21.589 2.264H9.991L1.79 10.465v11.598l8.201 8.201h11.598l8.201-8.201V10.465z"/><path fill="#00c7ff" d="m10.176 2.743l-.594 6.312l11.5-6.312zm11.202.031l7.902 7.902l-12.887-3.951zm7.902 8.217v10.304l-6.861-11.69zm0 10.86l-7.552 7.552l3.101-12.868z"/><path fill="#ff6a00" d="M9.736 3.241L6.644 15.45L2.377 10.6m-.076.236l6.656 11.25l-6.656-.235zm7.902 18.917l5.035-4.792l-12.702-2.875zm.41 0l11.115-7.01l-.35 7.01z"/><path fill="#fff" d="M11.1 9.964a2.3 2.3 0 0 1 .675.388l-.4.471a1.62 1.62 0 0 0-1.073-.382a1.46 1.46 0 0 0-.772.206a1.4 1.4 0 0 0-.541.667a3 3 0 0 0-.2 1.191a3 3 0 0 0 .2 1.176a1.4 1.4 0 0 0 .531.668a1.45 1.45 0 0 0 .781.209a1.7 1.7 0 0 0 .662-.116a2 2 0 0 0 .524-.321l.37.475a2 2 0 0 1-.66.424a2.4 2.4 0 0 1-.914.159a2.2 2.2 0 0 1-1.16-.31a2.1 2.1 0 0 1-.8-.915a3.3 3.3 0 0 1-.294-1.449a3.2 3.2 0 0 1 .3-1.443a2.16 2.16 0 0 1 .81-.912a2.13 2.13 0 0 1 1.131-.311a2.5 2.5 0 0 1 .83.125m4.515 5.121l-.389-1.285h-1.952l-.388 1.282h-.745L13.8 9.933h.934l1.666 5.152Zm-1.361-4.554l-.808 2.677h1.608Zm3.89 10.55a1.5 1.5 0 0 1-.66.54a2.5 2.5 0 0 1-1.03.194a3 3 0 0 1-1.045-.175a2.3 2.3 0 0 1-.8-.5l.423-.475a2 2 0 0 0 .632.4a2.1 2.1 0 0 0 .8.141a1.6 1.6 0 0 0 .57-.1a.93.93 0 0 0 .415-.305a.8.8 0 0 0 .156-.5a.8.8 0 0 0-.1-.413a.84.84 0 0 0-.332-.3a3.4 3.4 0 0 0-.67-.258a5 5 0 0 1-.918-.359a1.5 1.5 0 0 1-.551-.475a1.26 1.26 0 0 1 .028-1.38a1.44 1.44 0 0 1 .609-.478a2.2 2.2 0 0 1 .885-.172a2.7 2.7 0 0 1 .934.151a2.3 2.3 0 0 1 .745.451l-.412.463a1.8 1.8 0 0 0-.581-.349a1.9 1.9 0 0 0-.653-.114a1.25 1.25 0 0 0-.708.185a.6.6 0 0 0-.279.533a.58.58 0 0 0 .116.366a1.04 1.04 0 0 0 .383.277a5.4 5.4 0 0 0 .761.273a4 4 0 0 1 .8.318a1.4 1.4 0 0 1 .518.484a1.56 1.56 0 0 1-.034 1.567Zm3.875-4.481a2.3 2.3 0 0 1 .675.387l-.4.471a1.62 1.62 0 0 0-1.073-.381a1.46 1.46 0 0 0-.772.205a1.4 1.4 0 0 0-.541.668a3 3 0 0 0-.2 1.191a3 3 0 0 0 .194 1.176a1.4 1.4 0 0 0 .531.667a1.44 1.44 0 0 0 .781.21a1.7 1.7 0 0 0 .662-.116a2 2 0 0 0 .524-.322l.37.475a2 2 0 0 1-.66.424a2.4 2.4 0 0 1-.914.159a2.2 2.2 0 0 1-1.159-.31a2.1 2.1 0 0 1-.806-.914a3.3 3.3 0 0 1-.294-1.449a3.2 3.2 0 0 1 .3-1.444a2.17 2.17 0 0 1 .81-.912a2.13 2.13 0 0 1 1.131-.31a2.5 2.5 0 0 1 .841.125"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeCasc(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M21.589 2.264H9.991L1.79 10.465v11.598l8.201 8.201h11.598l8.201-8.201V10.465z"/><path fill="#00c7ff" d="m10.176 2.743l-.594 6.312l11.5-6.312zm11.202.031l7.902 7.902l-12.887-3.951zm7.902 8.217v10.304l-6.861-11.69zm0 10.86l-7.552 7.552l3.101-12.868z"/><path fill="#ff6a00" d="M9.736 3.241L6.644 15.45L2.377 10.6m-.076.236l6.656 11.25l-6.656-.235zm7.902 18.917l5.035-4.792l-12.702-2.875zm.41 0l11.115-7.01l-.35 7.01z"/><path fill="#fff" d="M11.1 9.964a2.3 2.3 0 0 1 .675.388l-.4.471a1.62 1.62 0 0 0-1.073-.382a1.46 1.46 0 0 0-.772.206a1.4 1.4 0 0 0-.541.667a3 3 0 0 0-.2 1.191a3 3 0 0 0 .2 1.176a1.4 1.4 0 0 0 .531.668a1.45 1.45 0 0 0 .781.209a1.7 1.7 0 0 0 .662-.116a2 2 0 0 0 .524-.321l.37.475a2 2 0 0 1-.66.424a2.4 2.4 0 0 1-.914.159a2.2 2.2 0 0 1-1.16-.31a2.1 2.1 0 0 1-.8-.915a3.3 3.3 0 0 1-.294-1.449a3.2 3.2 0 0 1 .3-1.443a2.16 2.16 0 0 1 .81-.912a2.13 2.13 0 0 1 1.131-.311a2.5 2.5 0 0 1 .83.125m4.515 5.121l-.389-1.285h-1.952l-.388 1.282h-.745L13.8 9.933h.934l1.666 5.152Zm-1.361-4.554l-.808 2.677h1.608Zm3.89 10.55a1.5 1.5 0 0 1-.66.54a2.5 2.5 0 0 1-1.03.194a3 3 0 0 1-1.045-.175a2.3 2.3 0 0 1-.8-.5l.423-.475a2 2 0 0 0 .632.4a2.1 2.1 0 0 0 .8.141a1.6 1.6 0 0 0 .57-.1a.93.93 0 0 0 .415-.305a.8.8 0 0 0 .156-.5a.8.8 0 0 0-.1-.413a.84.84 0 0 0-.332-.3a3.4 3.4 0 0 0-.67-.258a5 5 0 0 1-.918-.359a1.5 1.5 0 0 1-.551-.475a1.26 1.26 0 0 1 .028-1.38a1.44 1.44 0 0 1 .609-.478a2.2 2.2 0 0 1 .885-.172a2.7 2.7 0 0 1 .934.151a2.3 2.3 0 0 1 .745.451l-.412.463a1.8 1.8 0 0 0-.581-.349a1.9 1.9 0 0 0-.653-.114a1.25 1.25 0 0 0-.708.185a.6.6 0 0 0-.279.533a.58.58 0 0 0 .116.366a1.04 1.04 0 0 0 .383.277a5.4 5.4 0 0 0 .761.273a4 4 0 0 1 .8.318a1.4 1.4 0 0 1 .518.484a1.56 1.56 0 0 1-.034 1.567Zm3.875-4.481a2.3 2.3 0 0 1 .675.387l-.4.471a1.62 1.62 0 0 0-1.073-.381a1.46 1.46 0 0 0-.772.205a1.4 1.4 0 0 0-.541.668a3 3 0 0 0-.2 1.191a3 3 0 0 0 .194 1.176a1.4 1.4 0 0 0 .531.667a1.44 1.44 0 0 0 .781.21a1.7 1.7 0 0 0 .662-.116a2 2 0 0 0 .524-.322l.37.475a2 2 0 0 1-.66.424a2.4 2.4 0 0 1-.914.159a2.2 2.2 0 0 1-1.159-.31a2.1 2.1 0 0 1-.806-.914a3.3 3.3 0 0 1-.294-1.449a3.2 3.2 0 0 1 .3-1.444a2.17 2.17 0 0 1 .81-.912a2.13 2.13 0 0 1 1.131-.31a2.5 2.5 0 0 1 .841.125"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M21.589 2.264H9.991L1.79 10.465v11.598l8.201 8.201h11.598l8.201-8.201V10.465z"/><path fill="#00c7ff" d="m10.176 2.743l-.594 6.312l11.5-6.312zm11.202.031l7.902 7.902l-12.887-3.951zm7.902 8.217v10.304l-6.861-11.69zm0 10.86l-7.552 7.552l3.101-12.868z"/><path fill="#ff6a00" d="M9.736 3.241L6.644 15.45L2.377 10.6m-.076.236l6.656 11.25l-6.656-.235zm7.902 18.917l5.035-4.792l-12.702-2.875zm.41 0l11.115-7.01l-.35 7.01z"/><path fill="#fff" d="M11.1 9.964a2.3 2.3 0 0 1 .675.388l-.4.471a1.62 1.62 0 0 0-1.073-.382a1.46 1.46 0 0 0-.772.206a1.4 1.4 0 0 0-.541.667a3 3 0 0 0-.2 1.191a3 3 0 0 0 .2 1.176a1.4 1.4 0 0 0 .531.668a1.45 1.45 0 0 0 .781.209a1.7 1.7 0 0 0 .662-.116a2 2 0 0 0 .524-.321l.37.475a2 2 0 0 1-.66.424a2.4 2.4 0 0 1-.914.159a2.2 2.2 0 0 1-1.16-.31a2.1 2.1 0 0 1-.8-.915a3.3 3.3 0 0 1-.294-1.449a3.2 3.2 0 0 1 .3-1.443a2.16 2.16 0 0 1 .81-.912a2.13 2.13 0 0 1 1.131-.311a2.5 2.5 0 0 1 .83.125m4.515 5.121l-.389-1.285h-1.952l-.388 1.282h-.745L13.8 9.933h.934l1.666 5.152Zm-1.361-4.554l-.808 2.677h1.608Zm3.89 10.55a1.5 1.5 0 0 1-.66.54a2.5 2.5 0 0 1-1.03.194a3 3 0 0 1-1.045-.175a2.3 2.3 0 0 1-.8-.5l.423-.475a2 2 0 0 0 .632.4a2.1 2.1 0 0 0 .8.141a1.6 1.6 0 0 0 .57-.1a.93.93 0 0 0 .415-.305a.8.8 0 0 0 .156-.5a.8.8 0 0 0-.1-.413a.84.84 0 0 0-.332-.3a3.4 3.4 0 0 0-.67-.258a5 5 0 0 1-.918-.359a1.5 1.5 0 0 1-.551-.475a1.26 1.26 0 0 1 .028-1.38a1.44 1.44 0 0 1 .609-.478a2.2 2.2 0 0 1 .885-.172a2.7 2.7 0 0 1 .934.151a2.3 2.3 0 0 1 .745.451l-.412.463a1.8 1.8 0 0 0-.581-.349a1.9 1.9 0 0 0-.653-.114a1.25 1.25 0 0 0-.708.185a.6.6 0 0 0-.279.533a.58.58 0 0 0 .116.366a1.04 1.04 0 0 0 .383.277a5.4 5.4 0 0 0 .761.273a4 4 0 0 1 .8.318a1.4 1.4 0 0 1 .518.484a1.56 1.56 0 0 1-.034 1.567Zm3.875-4.481a2.3 2.3 0 0 1 .675.387l-.4.471a1.62 1.62 0 0 0-1.073-.381a1.46 1.46 0 0 0-.772.205a1.4 1.4 0 0 0-.541.668a3 3 0 0 0-.2 1.191a3 3 0 0 0 .194 1.176a1.4 1.4 0 0 0 .531.667a1.44 1.44 0 0 0 .781.21a1.7 1.7 0 0 0 .662-.116a2 2 0 0 0 .524-.322l.37.475a2 2 0 0 1-.66.424a2.4 2.4 0 0 1-.914.159a2.2 2.2 0 0 1-1.159-.31a2.1 2.1 0 0 1-.806-.914a3.3 3.3 0 0 1-.294-1.449a3.2 3.2 0 0 1 .3-1.444a2.17 2.17 0 0 1 .81-.912a2.13 2.13 0 0 1 1.131-.31a2.5 2.5 0 0 1 .841.125"/></svg> </template>
CSS
.icon-file-type-casc {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M21.589%202.264H9.991L1.79%2010.465v11.598l8.201%208.201h11.598l8.201-8.201V10.465z%22%2F%3E%3Cpath%20fill%3D%22%2300c7ff%22%20d%3D%22m10.176%202.743l-.594%206.312l11.5-6.312zm11.202.031l7.902%207.902l-12.887-3.951zm7.902%208.217v10.304l-6.861-11.69zm0%2010.86l-7.552%207.552l3.101-12.868z%22%2F%3E%3Cpath%20fill%3D%22%23ff6a00%22%20d%3D%22M9.736%203.241L6.644%2015.45L2.377%2010.6m-.076.236l6.656%2011.25l-6.656-.235zm7.902%2018.917l5.035-4.792l-12.702-2.875zm.41%200l11.115-7.01l-.35%207.01z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.1%209.964a2.3%202.3%200%200%201%20.675.388l-.4.471a1.62%201.62%200%200%200-1.073-.382a1.46%201.46%200%200%200-.772.206a1.4%201.4%200%200%200-.541.667a3%203%200%200%200-.2%201.191a3%203%200%200%200%20.2%201.176a1.4%201.4%200%200%200%20.531.668a1.45%201.45%200%200%200%20.781.209a1.7%201.7%200%200%200%20.662-.116a2%202%200%200%200%20.524-.321l.37.475a2%202%200%200%201-.66.424a2.4%202.4%200%200%201-.914.159a2.2%202.2%200%200%201-1.16-.31a2.1%202.1%200%200%201-.8-.915a3.3%203.3%200%200%201-.294-1.449a3.2%203.2%200%200%201%20.3-1.443a2.16%202.16%200%200%201%20.81-.912a2.13%202.13%200%200%201%201.131-.311a2.5%202.5%200%200%201%20.83.125m4.515%205.121l-.389-1.285h-1.952l-.388%201.282h-.745L13.8%209.933h.934l1.666%205.152Zm-1.361-4.554l-.808%202.677h1.608Zm3.89%2010.55a1.5%201.5%200%200%201-.66.54a2.5%202.5%200%200%201-1.03.194a3%203%200%200%201-1.045-.175a2.3%202.3%200%200%201-.8-.5l.423-.475a2%202%200%200%200%20.632.4a2.1%202.1%200%200%200%20.8.141a1.6%201.6%200%200%200%20.57-.1a.93.93%200%200%200%20.415-.305a.8.8%200%200%200%20.156-.5a.8.8%200%200%200-.1-.413a.84.84%200%200%200-.332-.3a3.4%203.4%200%200%200-.67-.258a5%205%200%200%201-.918-.359a1.5%201.5%200%200%201-.551-.475a1.26%201.26%200%200%201%20.028-1.38a1.44%201.44%200%200%201%20.609-.478a2.2%202.2%200%200%201%20.885-.172a2.7%202.7%200%200%201%20.934.151a2.3%202.3%200%200%201%20.745.451l-.412.463a1.8%201.8%200%200%200-.581-.349a1.9%201.9%200%200%200-.653-.114a1.25%201.25%200%200%200-.708.185a.6.6%200%200%200-.279.533a.58.58%200%200%200%20.116.366a1.04%201.04%200%200%200%20.383.277a5.4%205.4%200%200%200%20.761.273a4%204%200%200%201%20.8.318a1.4%201.4%200%200%201%20.518.484a1.56%201.56%200%200%201-.034%201.567Zm3.875-4.481a2.3%202.3%200%200%201%20.675.387l-.4.471a1.62%201.62%200%200%200-1.073-.381a1.46%201.46%200%200%200-.772.205a1.4%201.4%200%200%200-.541.668a3%203%200%200%200-.2%201.191a3%203%200%200%200%20.194%201.176a1.4%201.4%200%200%200%20.531.667a1.44%201.44%200%200%200%20.781.21a1.7%201.7%200%200%200%20.662-.116a2%202%200%200%200%20.524-.322l.37.475a2%202%200%200%201-.66.424a2.4%202.4%200%200%201-.914.159a2.2%202.2%200%200%201-1.159-.31a2.1%202.1%200%200%201-.806-.914a3.3%203.3%200%200%201-.294-1.449a3.2%203.2%200%200%201%20.3-1.444a2.17%202.17%200%200%201%20.81-.912a2.13%202.13%200%200%201%201.131-.31a2.5%202.5%200%200%201%20.841.125%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M21.589%202.264H9.991L1.79%2010.465v11.598l8.201%208.201h11.598l8.201-8.201V10.465z%22%2F%3E%3Cpath%20fill%3D%22%2300c7ff%22%20d%3D%22m10.176%202.743l-.594%206.312l11.5-6.312zm11.202.031l7.902%207.902l-12.887-3.951zm7.902%208.217v10.304l-6.861-11.69zm0%2010.86l-7.552%207.552l3.101-12.868z%22%2F%3E%3Cpath%20fill%3D%22%23ff6a00%22%20d%3D%22M9.736%203.241L6.644%2015.45L2.377%2010.6m-.076.236l6.656%2011.25l-6.656-.235zm7.902%2018.917l5.035-4.792l-12.702-2.875zm.41%200l11.115-7.01l-.35%207.01z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.1%209.964a2.3%202.3%200%200%201%20.675.388l-.4.471a1.62%201.62%200%200%200-1.073-.382a1.46%201.46%200%200%200-.772.206a1.4%201.4%200%200%200-.541.667a3%203%200%200%200-.2%201.191a3%203%200%200%200%20.2%201.176a1.4%201.4%200%200%200%20.531.668a1.45%201.45%200%200%200%20.781.209a1.7%201.7%200%200%200%20.662-.116a2%202%200%200%200%20.524-.321l.37.475a2%202%200%200%201-.66.424a2.4%202.4%200%200%201-.914.159a2.2%202.2%200%200%201-1.16-.31a2.1%202.1%200%200%201-.8-.915a3.3%203.3%200%200%201-.294-1.449a3.2%203.2%200%200%201%20.3-1.443a2.16%202.16%200%200%201%20.81-.912a2.13%202.13%200%200%201%201.131-.311a2.5%202.5%200%200%201%20.83.125m4.515%205.121l-.389-1.285h-1.952l-.388%201.282h-.745L13.8%209.933h.934l1.666%205.152Zm-1.361-4.554l-.808%202.677h1.608Zm3.89%2010.55a1.5%201.5%200%200%201-.66.54a2.5%202.5%200%200%201-1.03.194a3%203%200%200%201-1.045-.175a2.3%202.3%200%200%201-.8-.5l.423-.475a2%202%200%200%200%20.632.4a2.1%202.1%200%200%200%20.8.141a1.6%201.6%200%200%200%20.57-.1a.93.93%200%200%200%20.415-.305a.8.8%200%200%200%20.156-.5a.8.8%200%200%200-.1-.413a.84.84%200%200%200-.332-.3a3.4%203.4%200%200%200-.67-.258a5%205%200%200%201-.918-.359a1.5%201.5%200%200%201-.551-.475a1.26%201.26%200%200%201%20.028-1.38a1.44%201.44%200%200%201%20.609-.478a2.2%202.2%200%200%201%20.885-.172a2.7%202.7%200%200%201%20.934.151a2.3%202.3%200%200%201%20.745.451l-.412.463a1.8%201.8%200%200%200-.581-.349a1.9%201.9%200%200%200-.653-.114a1.25%201.25%200%200%200-.708.185a.6.6%200%200%200-.279.533a.58.58%200%200%200%20.116.366a1.04%201.04%200%200%200%20.383.277a5.4%205.4%200%200%200%20.761.273a4%204%200%200%201%20.8.318a1.4%201.4%200%200%201%20.518.484a1.56%201.56%200%200%201-.034%201.567Zm3.875-4.481a2.3%202.3%200%200%201%20.675.387l-.4.471a1.62%201.62%200%200%200-1.073-.381a1.46%201.46%200%200%200-.772.205a1.4%201.4%200%200%200-.541.668a3%203%200%200%200-.2%201.191a3%203%200%200%200%20.194%201.176a1.4%201.4%200%200%200%20.531.667a1.44%201.44%200%200%200%20.781.21a1.7%201.7%200%200%200%20.662-.116a2%202%200%200%200%20.524-.322l.37.475a2%202%200%200%201-.66.424a2.4%202.4%200%200%201-.914.159a2.2%202.2%200%200%201-1.159-.31a2.1%202.1%200%200%201-.806-.914a3.3%203.3%200%200%201-.294-1.449a3.2%203.2%200%200%201%20.3-1.444a2.17%202.17%200%200%201%20.81-.912a2.13%202.13%200%200%201%201.131-.31a2.5%202.5%200%200%201%20.841.125%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-casc.svg?color=%231a73e8&size=48
