file type light rolldown logo
file-type-light-rolldown from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-light-rolldown
- 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 light rolldown logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><mask id="SVGILNYLeIo"><path fill="#fff" d="M56.08.77c.95 0 1.48 1.12.86 1.86L46.5 15.16a2.26 2.26 0 0 0 1.74 3.71h10.1c.96 0 1.48 1.12.87 1.86L39 44.98c-.45.54-1.29.54-1.74 0l-20.2-24.25a1.13 1.13 0 0 1 .86-1.86h10.1a2.26 2.26 0 0 0 1.74-3.71L19.32 2.63a1.13 1.13 0 0 1 .86-1.86z"/></mask><g fill="none"><g mask="url(#SVGILNYLeIo)" transform="translate(1 6.8)scale(.393)"><path fill="#ff4100" d="M0 0h59v46H0z"/><g filter="url(#SVGJNgLYdgK)"><ellipse cx="59.88" cy=".93" fill="#ffe6e4" rx="5.4" ry="23.58" transform="rotate(210.3 59.88 .93)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="58.73" cy="23.91" fill="#ffe6e4" rx="5.4" ry="23.58" transform="rotate(210.3 58.73 23.9)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="17.46" cy="1.44" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(-36.1 17.46 1.44)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="23.2" cy="34.1" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(-36.1 23.2 34.1)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="58.82" cy="1.44" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(216.1 58.82 1.44)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="51.93" cy="34.1" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(216.1 51.93 34.1)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="55.37" cy="1.44" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(216.1 55.37 1.44)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="49.63" cy="34.1" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(216.1 49.63 34.1)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="19.58" cy="3.02" fill="#e23d14" rx="5.4" ry="23.58" transform="rotate(-41 19.58 3.02)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="23.25" cy="28.5" fill="#e23d14" rx="5.4" ry="23.58" transform="rotate(-35.9 23.25 28.5)"/></g></g><path fill="#08060e" d="M3.72 6.8C.1 11.98.08 20 3.72 25.2h2.45c-3.64-5.2-3.62-13.22 0-18.4zm24.56 0h-2.45c3.62 5.18 3.64 13.2 0 18.4h2.45c3.64-5.2 3.62-13.22 0-18.4"/><defs><filter id="SVGJNgLYdgK" width="4" height="4" x="-2" y="-2" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="3.45"/></filter></defs></g></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeLightRolldown(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><mask id="SVGILNYLeIo"><path fill="#fff" d="M56.08.77c.95 0 1.48 1.12.86 1.86L46.5 15.16a2.26 2.26 0 0 0 1.74 3.71h10.1c.96 0 1.48 1.12.87 1.86L39 44.98c-.45.54-1.29.54-1.74 0l-20.2-24.25a1.13 1.13 0 0 1 .86-1.86h10.1a2.26 2.26 0 0 0 1.74-3.71L19.32 2.63a1.13 1.13 0 0 1 .86-1.86z"/></mask><g fill="none"><g mask="url(#SVGILNYLeIo)" transform="translate(1 6.8)scale(.393)"><path fill="#ff4100" d="M0 0h59v46H0z"/><g filter="url(#SVGJNgLYdgK)"><ellipse cx="59.88" cy=".93" fill="#ffe6e4" rx="5.4" ry="23.58" transform="rotate(210.3 59.88 .93)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="58.73" cy="23.91" fill="#ffe6e4" rx="5.4" ry="23.58" transform="rotate(210.3 58.73 23.9)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="17.46" cy="1.44" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(-36.1 17.46 1.44)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="23.2" cy="34.1" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(-36.1 23.2 34.1)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="58.82" cy="1.44" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(216.1 58.82 1.44)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="51.93" cy="34.1" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(216.1 51.93 34.1)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="55.37" cy="1.44" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(216.1 55.37 1.44)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="49.63" cy="34.1" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(216.1 49.63 34.1)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="19.58" cy="3.02" fill="#e23d14" rx="5.4" ry="23.58" transform="rotate(-41 19.58 3.02)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="23.25" cy="28.5" fill="#e23d14" rx="5.4" ry="23.58" transform="rotate(-35.9 23.25 28.5)"/></g></g><path fill="#08060e" d="M3.72 6.8C.1 11.98.08 20 3.72 25.2h2.45c-3.64-5.2-3.62-13.22 0-18.4zm24.56 0h-2.45c3.62 5.18 3.64 13.2 0 18.4h2.45c3.64-5.2 3.62-13.22 0-18.4"/><defs><filter id="SVGJNgLYdgK" width="4" height="4" x="-2" y="-2" colorInterpolation-filters="sRGB"><feGaussianBlur stdDeviation="3.45"/></filter></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><mask id="SVGILNYLeIo"><path fill="#fff" d="M56.08.77c.95 0 1.48 1.12.86 1.86L46.5 15.16a2.26 2.26 0 0 0 1.74 3.71h10.1c.96 0 1.48 1.12.87 1.86L39 44.98c-.45.54-1.29.54-1.74 0l-20.2-24.25a1.13 1.13 0 0 1 .86-1.86h10.1a2.26 2.26 0 0 0 1.74-3.71L19.32 2.63a1.13 1.13 0 0 1 .86-1.86z"/></mask><g fill="none"><g mask="url(#SVGILNYLeIo)" transform="translate(1 6.8)scale(.393)"><path fill="#ff4100" d="M0 0h59v46H0z"/><g filter="url(#SVGJNgLYdgK)"><ellipse cx="59.88" cy=".93" fill="#ffe6e4" rx="5.4" ry="23.58" transform="rotate(210.3 59.88 .93)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="58.73" cy="23.91" fill="#ffe6e4" rx="5.4" ry="23.58" transform="rotate(210.3 58.73 23.9)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="17.46" cy="1.44" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(-36.1 17.46 1.44)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="23.2" cy="34.1" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(-36.1 23.2 34.1)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="58.82" cy="1.44" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(216.1 58.82 1.44)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="51.93" cy="34.1" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(216.1 51.93 34.1)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="55.37" cy="1.44" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(216.1 55.37 1.44)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="49.63" cy="34.1" fill="#ff00b3" rx="3.72" ry="21.83" transform="rotate(216.1 49.63 34.1)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="19.58" cy="3.02" fill="#e23d14" rx="5.4" ry="23.58" transform="rotate(-41 19.58 3.02)"/></g><g filter="url(#SVGJNgLYdgK)"><ellipse cx="23.25" cy="28.5" fill="#e23d14" rx="5.4" ry="23.58" transform="rotate(-35.9 23.25 28.5)"/></g></g><path fill="#08060e" d="M3.72 6.8C.1 11.98.08 20 3.72 25.2h2.45c-3.64-5.2-3.62-13.22 0-18.4zm24.56 0h-2.45c3.62 5.18 3.64 13.2 0 18.4h2.45c3.64-5.2 3.62-13.22 0-18.4"/><defs><filter id="SVGJNgLYdgK" width="4" height="4" x="-2" y="-2" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="3.45"/></filter></defs></g></svg> </template>
CSS
.icon-file-type-light-rolldown {
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%3Cmask%20id%3D%22SVGILNYLeIo%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M56.08.77c.95%200%201.48%201.12.86%201.86L46.5%2015.16a2.26%202.26%200%200%200%201.74%203.71h10.1c.96%200%201.48%201.12.87%201.86L39%2044.98c-.45.54-1.29.54-1.74%200l-20.2-24.25a1.13%201.13%200%200%201%20.86-1.86h10.1a2.26%202.26%200%200%200%201.74-3.71L19.32%202.63a1.13%201.13%200%200%201%20.86-1.86z%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20mask%3D%22url(%23SVGILNYLeIo)%22%20transform%3D%22translate(1%206.8)scale(.393)%22%3E%3Cpath%20fill%3D%22%23ff4100%22%20d%3D%22M0%200h59v46H0z%22%2F%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2259.88%22%20cy%3D%22.93%22%20fill%3D%22%23ffe6e4%22%20rx%3D%225.4%22%20ry%3D%2223.58%22%20transform%3D%22rotate(210.3%2059.88%20.93)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2258.73%22%20cy%3D%2223.91%22%20fill%3D%22%23ffe6e4%22%20rx%3D%225.4%22%20ry%3D%2223.58%22%20transform%3D%22rotate(210.3%2058.73%2023.9)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2217.46%22%20cy%3D%221.44%22%20fill%3D%22%23ff00b3%22%20rx%3D%223.72%22%20ry%3D%2221.83%22%20transform%3D%22rotate(-36.1%2017.46%201.44)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2223.2%22%20cy%3D%2234.1%22%20fill%3D%22%23ff00b3%22%20rx%3D%223.72%22%20ry%3D%2221.83%22%20transform%3D%22rotate(-36.1%2023.2%2034.1)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2258.82%22%20cy%3D%221.44%22%20fill%3D%22%23ff00b3%22%20rx%3D%223.72%22%20ry%3D%2221.83%22%20transform%3D%22rotate(216.1%2058.82%201.44)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2251.93%22%20cy%3D%2234.1%22%20fill%3D%22%23ff00b3%22%20rx%3D%223.72%22%20ry%3D%2221.83%22%20transform%3D%22rotate(216.1%2051.93%2034.1)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2255.37%22%20cy%3D%221.44%22%20fill%3D%22%23ff00b3%22%20rx%3D%223.72%22%20ry%3D%2221.83%22%20transform%3D%22rotate(216.1%2055.37%201.44)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2249.63%22%20cy%3D%2234.1%22%20fill%3D%22%23ff00b3%22%20rx%3D%223.72%22%20ry%3D%2221.83%22%20transform%3D%22rotate(216.1%2049.63%2034.1)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2219.58%22%20cy%3D%223.02%22%20fill%3D%22%23e23d14%22%20rx%3D%225.4%22%20ry%3D%2223.58%22%20transform%3D%22rotate(-41%2019.58%203.02)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2223.25%22%20cy%3D%2228.5%22%20fill%3D%22%23e23d14%22%20rx%3D%225.4%22%20ry%3D%2223.58%22%20transform%3D%22rotate(-35.9%2023.25%2028.5)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%2308060e%22%20d%3D%22M3.72%206.8C.1%2011.98.08%2020%203.72%2025.2h2.45c-3.64-5.2-3.62-13.22%200-18.4zm24.56%200h-2.45c3.62%205.18%203.64%2013.2%200%2018.4h2.45c3.64-5.2%203.62-13.22%200-18.4%22%2F%3E%3Cdefs%3E%3Cfilter%20id%3D%22SVGJNgLYdgK%22%20width%3D%224%22%20height%3D%224%22%20x%3D%22-2%22%20y%3D%22-2%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%223.45%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cmask%20id%3D%22SVGILNYLeIo%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M56.08.77c.95%200%201.48%201.12.86%201.86L46.5%2015.16a2.26%202.26%200%200%200%201.74%203.71h10.1c.96%200%201.48%201.12.87%201.86L39%2044.98c-.45.54-1.29.54-1.74%200l-20.2-24.25a1.13%201.13%200%200%201%20.86-1.86h10.1a2.26%202.26%200%200%200%201.74-3.71L19.32%202.63a1.13%201.13%200%200%201%20.86-1.86z%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20mask%3D%22url(%23SVGILNYLeIo)%22%20transform%3D%22translate(1%206.8)scale(.393)%22%3E%3Cpath%20fill%3D%22%23ff4100%22%20d%3D%22M0%200h59v46H0z%22%2F%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2259.88%22%20cy%3D%22.93%22%20fill%3D%22%23ffe6e4%22%20rx%3D%225.4%22%20ry%3D%2223.58%22%20transform%3D%22rotate(210.3%2059.88%20.93)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2258.73%22%20cy%3D%2223.91%22%20fill%3D%22%23ffe6e4%22%20rx%3D%225.4%22%20ry%3D%2223.58%22%20transform%3D%22rotate(210.3%2058.73%2023.9)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2217.46%22%20cy%3D%221.44%22%20fill%3D%22%23ff00b3%22%20rx%3D%223.72%22%20ry%3D%2221.83%22%20transform%3D%22rotate(-36.1%2017.46%201.44)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2223.2%22%20cy%3D%2234.1%22%20fill%3D%22%23ff00b3%22%20rx%3D%223.72%22%20ry%3D%2221.83%22%20transform%3D%22rotate(-36.1%2023.2%2034.1)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2258.82%22%20cy%3D%221.44%22%20fill%3D%22%23ff00b3%22%20rx%3D%223.72%22%20ry%3D%2221.83%22%20transform%3D%22rotate(216.1%2058.82%201.44)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2251.93%22%20cy%3D%2234.1%22%20fill%3D%22%23ff00b3%22%20rx%3D%223.72%22%20ry%3D%2221.83%22%20transform%3D%22rotate(216.1%2051.93%2034.1)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2255.37%22%20cy%3D%221.44%22%20fill%3D%22%23ff00b3%22%20rx%3D%223.72%22%20ry%3D%2221.83%22%20transform%3D%22rotate(216.1%2055.37%201.44)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2249.63%22%20cy%3D%2234.1%22%20fill%3D%22%23ff00b3%22%20rx%3D%223.72%22%20ry%3D%2221.83%22%20transform%3D%22rotate(216.1%2049.63%2034.1)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2219.58%22%20cy%3D%223.02%22%20fill%3D%22%23e23d14%22%20rx%3D%225.4%22%20ry%3D%2223.58%22%20transform%3D%22rotate(-41%2019.58%203.02)%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23SVGJNgLYdgK)%22%3E%3Cellipse%20cx%3D%2223.25%22%20cy%3D%2228.5%22%20fill%3D%22%23e23d14%22%20rx%3D%225.4%22%20ry%3D%2223.58%22%20transform%3D%22rotate(-35.9%2023.25%2028.5)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%2308060e%22%20d%3D%22M3.72%206.8C.1%2011.98.08%2020%203.72%2025.2h2.45c-3.64-5.2-3.62-13.22%200-18.4zm24.56%200h-2.45c3.62%205.18%203.64%2013.2%200%2018.4h2.45c3.64-5.2%203.62-13.22%200-18.4%22%2F%3E%3Cdefs%3E%3Cfilter%20id%3D%22SVGJNgLYdgK%22%20width%3D%224%22%20height%3D%224%22%20x%3D%22-2%22%20y%3D%22-2%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%223.45%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-light-rolldown.svg?color=%231a73e8&size=48
