file type rescript logo
file-type-rescript from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-rescript
- 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 rescript logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGrHj4zbyn" x1="11.421" x2="21.509" y1="-221.705" y2="-248.792" gradientTransform="matrix(1 0 0 -1 0 -218)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e84f4f"/><stop offset=".409" stop-color="#db4646"/><stop offset=".999" stop-color="#cb3939"/></linearGradient></defs><path fill="url(#SVGrHj4zbyn)" d="M2 10.97c0-3.738 0-5.6.952-6.916a5 5 0 0 1 1.1-1.1C5.364 2 7.233 2 10.969 2H21.03c3.738 0 5.605 0 6.916.951a5 5 0 0 1 1.1 1.1C30 5.364 30 7.232 30 10.97v10.06c0 3.737 0 5.605-.952 6.916a5 5 0 0 1-1.1 1.1C26.636 30 24.768 30 21.03 30H10.969c-3.736 0-5.6 0-6.915-.952a5 5 0 0 1-1.1-1.1C2 26.636 2 24.767 2 21.03Z"/><path fill="#fff" d="M20.974 15.554a3.325 3.325 0 1 0-3.324-3.325a3.325 3.325 0 0 0 3.324 3.325M9.316 11.809a4.7 4.7 0 0 1 .206-1.987A1.9 1.9 0 0 1 10.345 9a4.7 4.7 0 0 1 1.987-.205h2.64v12.25a4.7 4.7 0 0 1-.144 1.664a1.9 1.9 0 0 1-1.02 1.02a4.7 4.7 0 0 1-1.664.143a4.7 4.7 0 0 1-1.664-.143a1.9 1.9 0 0 1-1.02-1.02a4.7 4.7 0 0 1-.143-1.664Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeRescript(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGrHj4zbyn" x1="11.421" x2="21.509" y1="-221.705" y2="-248.792" gradientTransform="matrix(1 0 0 -1 0 -218)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#e84f4f"/><stop offset=".409" stopColor="#db4646"/><stop offset=".999" stopColor="#cb3939"/></linearGradient></defs><path fill="url(#SVGrHj4zbyn)" d="M2 10.97c0-3.738 0-5.6.952-6.916a5 5 0 0 1 1.1-1.1C5.364 2 7.233 2 10.969 2H21.03c3.738 0 5.605 0 6.916.951a5 5 0 0 1 1.1 1.1C30 5.364 30 7.232 30 10.97v10.06c0 3.737 0 5.605-.952 6.916a5 5 0 0 1-1.1 1.1C26.636 30 24.768 30 21.03 30H10.969c-3.736 0-5.6 0-6.915-.952a5 5 0 0 1-1.1-1.1C2 26.636 2 24.767 2 21.03Z"/><path fill="#fff" d="M20.974 15.554a3.325 3.325 0 1 0-3.324-3.325a3.325 3.325 0 0 0 3.324 3.325M9.316 11.809a4.7 4.7 0 0 1 .206-1.987A1.9 1.9 0 0 1 10.345 9a4.7 4.7 0 0 1 1.987-.205h2.64v12.25a4.7 4.7 0 0 1-.144 1.664a1.9 1.9 0 0 1-1.02 1.02a4.7 4.7 0 0 1-1.664.143a4.7 4.7 0 0 1-1.664-.143a1.9 1.9 0 0 1-1.02-1.02a4.7 4.7 0 0 1-.143-1.664Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGrHj4zbyn" x1="11.421" x2="21.509" y1="-221.705" y2="-248.792" gradientTransform="matrix(1 0 0 -1 0 -218)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e84f4f"/><stop offset=".409" stop-color="#db4646"/><stop offset=".999" stop-color="#cb3939"/></linearGradient></defs><path fill="url(#SVGrHj4zbyn)" d="M2 10.97c0-3.738 0-5.6.952-6.916a5 5 0 0 1 1.1-1.1C5.364 2 7.233 2 10.969 2H21.03c3.738 0 5.605 0 6.916.951a5 5 0 0 1 1.1 1.1C30 5.364 30 7.232 30 10.97v10.06c0 3.737 0 5.605-.952 6.916a5 5 0 0 1-1.1 1.1C26.636 30 24.768 30 21.03 30H10.969c-3.736 0-5.6 0-6.915-.952a5 5 0 0 1-1.1-1.1C2 26.636 2 24.767 2 21.03Z"/><path fill="#fff" d="M20.974 15.554a3.325 3.325 0 1 0-3.324-3.325a3.325 3.325 0 0 0 3.324 3.325M9.316 11.809a4.7 4.7 0 0 1 .206-1.987A1.9 1.9 0 0 1 10.345 9a4.7 4.7 0 0 1 1.987-.205h2.64v12.25a4.7 4.7 0 0 1-.144 1.664a1.9 1.9 0 0 1-1.02 1.02a4.7 4.7 0 0 1-1.664.143a4.7 4.7 0 0 1-1.664-.143a1.9 1.9 0 0 1-1.02-1.02a4.7 4.7 0 0 1-.143-1.664Z"/></svg> </template>
CSS
.icon-file-type-rescript {
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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGrHj4zbyn%22%20x1%3D%2211.421%22%20x2%3D%2221.509%22%20y1%3D%22-221.705%22%20y2%3D%22-248.792%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-218)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e84f4f%22%2F%3E%3Cstop%20offset%3D%22.409%22%20stop-color%3D%22%23db4646%22%2F%3E%3Cstop%20offset%3D%22.999%22%20stop-color%3D%22%23cb3939%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGrHj4zbyn)%22%20d%3D%22M2%2010.97c0-3.738%200-5.6.952-6.916a5%205%200%200%201%201.1-1.1C5.364%202%207.233%202%2010.969%202H21.03c3.738%200%205.605%200%206.916.951a5%205%200%200%201%201.1%201.1C30%205.364%2030%207.232%2030%2010.97v10.06c0%203.737%200%205.605-.952%206.916a5%205%200%200%201-1.1%201.1C26.636%2030%2024.768%2030%2021.03%2030H10.969c-3.736%200-5.6%200-6.915-.952a5%205%200%200%201-1.1-1.1C2%2026.636%202%2024.767%202%2021.03Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20.974%2015.554a3.325%203.325%200%201%200-3.324-3.325a3.325%203.325%200%200%200%203.324%203.325M9.316%2011.809a4.7%204.7%200%200%201%20.206-1.987A1.9%201.9%200%200%201%2010.345%209a4.7%204.7%200%200%201%201.987-.205h2.64v12.25a4.7%204.7%200%200%201-.144%201.664a1.9%201.9%200%200%201-1.02%201.02a4.7%204.7%200%200%201-1.664.143a4.7%204.7%200%200%201-1.664-.143a1.9%201.9%200%200%201-1.02-1.02a4.7%204.7%200%200%201-.143-1.664Z%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGrHj4zbyn%22%20x1%3D%2211.421%22%20x2%3D%2221.509%22%20y1%3D%22-221.705%22%20y2%3D%22-248.792%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-218)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e84f4f%22%2F%3E%3Cstop%20offset%3D%22.409%22%20stop-color%3D%22%23db4646%22%2F%3E%3Cstop%20offset%3D%22.999%22%20stop-color%3D%22%23cb3939%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGrHj4zbyn)%22%20d%3D%22M2%2010.97c0-3.738%200-5.6.952-6.916a5%205%200%200%201%201.1-1.1C5.364%202%207.233%202%2010.969%202H21.03c3.738%200%205.605%200%206.916.951a5%205%200%200%201%201.1%201.1C30%205.364%2030%207.232%2030%2010.97v10.06c0%203.737%200%205.605-.952%206.916a5%205%200%200%201-1.1%201.1C26.636%2030%2024.768%2030%2021.03%2030H10.969c-3.736%200-5.6%200-6.915-.952a5%205%200%200%201-1.1-1.1C2%2026.636%202%2024.767%202%2021.03Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20.974%2015.554a3.325%203.325%200%201%200-3.324-3.325a3.325%203.325%200%200%200%203.324%203.325M9.316%2011.809a4.7%204.7%200%200%201%20.206-1.987A1.9%201.9%200%200%201%2010.345%209a4.7%204.7%200%200%201%201.987-.205h2.64v12.25a4.7%204.7%200%200%201-.144%201.664a1.9%201.9%200%200%201-1.02%201.02a4.7%204.7%200%200%201-1.664.143a4.7%204.7%200%200%201-1.664-.143a1.9%201.9%200%200%201-1.02-1.02a4.7%204.7%200%200%201-.143-1.664Z%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-rescript.svg?color=%231a73e8&size=48
