file type glitter logo
file-type-glitter from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-glitter
- 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 glitter logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M29.7 18.775C29.552 14.634 27.222 9.9 22.774 4.7a2.5 2.5 0 0 0-3.515-.272a3 3 0 0 0-.24.234a16.83 16.83 0 0 0-8.5-2.66a8.45 8.45 0 0 0-6.153 2.342a8.7 8.7 0 0 0-2.3 7.009a18.65 18.65 0 0 0 2.226 9.3a24.5 24.5 0 0 0 4.764 6.3l.022.021l.037.035a2.49 2.49 0 0 0 3.473.059a17.1 17.1 0 0 0 8.928 2.926a8.45 8.45 0 0 0 6.149-2.338c2.085-2.09 2.805-5.239 2.035-8.881"/><ellipse cx="16.007" cy="16.009" fill="#0078d7" rx="9.022" ry="14.666" transform="rotate(-44.968 16.007 16.008)"/><path fill="#0078d7" d="M11.022 26a.74.74 0 0 1-.506-.215l-.09-.087a22.7 22.7 0 0 1-4.511-5.926A15.47 15.47 0 0 1 4.837 7.1a.723.723 0 0 1 .905-.429a.674.674 0 0 1 .463.834l-.005.029c-2.9 8.287 2.7 14.8 5.245 17.206c.057.054.1.093.12.117a.653.653 0 0 1 .008.925l-.036.035a.74.74 0 0 1-.515.183"/><path fill="#3a96dd" d="M21.113 25.836a14.46 14.46 0 0 1-10.627-4.891a5 5 0 0 1-.427-.571C4.927 12.317 6.347 8.868 8.445 7.393a4.66 4.66 0 0 1 3.346-.755c9.35 1.3 10.521 8.753 10.531 8.828a.68.68 0 0 1-1.346.2C20.937 15.4 19.91 9.147 11.6 7.99a3.3 3.3 0 0 0-2.376.51c-2.28 1.6-1.578 5.558 1.978 11.138a3 3 0 0 0 .3.4A12.93 12.93 0 0 0 23.2 24.3a3.4 3.4 0 0 0 2.289-1.449c1.414-2.112 2.627-7.009-5.138-16.083a.68.68 0 1 1 1-.924q.018.019.034.039c8.348 9.756 6.862 15.294 5.234 17.725a4.76 4.76 0 0 1-3.2 2.035a14.5 14.5 0 0 1-2.306.193"/><path fill="#b4a0ff" d="M12.955 9.244h-.176a1.97 1.97 0 0 0-1.937 1.7a8 8 0 0 0-.061 1a8.83 8.83 0 0 0 3.389 6.626A10.15 10.15 0 0 0 20.835 21h.178a1.97 1.97 0 0 0 1.937-1.7a8 8 0 0 0 .062-1a8.6 8.6 0 0 0-3.056-6.5a10.63 10.63 0 0 0-7.001-2.556"/><path fill="#fff" d="M14.719 11.8h-.1a1.11 1.11 0 0 0-1.073.982a5 5 0 0 0-.034.577a5.4 5.4 0 0 0 5.57 5.217h.1a1.11 1.11 0 0 0 1.073-.982a5 5 0 0 0 .034-.576a5.4 5.4 0 0 0-5.57-5.218"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeGlitter(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M29.7 18.775C29.552 14.634 27.222 9.9 22.774 4.7a2.5 2.5 0 0 0-3.515-.272a3 3 0 0 0-.24.234a16.83 16.83 0 0 0-8.5-2.66a8.45 8.45 0 0 0-6.153 2.342a8.7 8.7 0 0 0-2.3 7.009a18.65 18.65 0 0 0 2.226 9.3a24.5 24.5 0 0 0 4.764 6.3l.022.021l.037.035a2.49 2.49 0 0 0 3.473.059a17.1 17.1 0 0 0 8.928 2.926a8.45 8.45 0 0 0 6.149-2.338c2.085-2.09 2.805-5.239 2.035-8.881"/><ellipse cx="16.007" cy="16.009" fill="#0078d7" rx="9.022" ry="14.666" transform="rotate(-44.968 16.007 16.008)"/><path fill="#0078d7" d="M11.022 26a.74.74 0 0 1-.506-.215l-.09-.087a22.7 22.7 0 0 1-4.511-5.926A15.47 15.47 0 0 1 4.837 7.1a.723.723 0 0 1 .905-.429a.674.674 0 0 1 .463.834l-.005.029c-2.9 8.287 2.7 14.8 5.245 17.206c.057.054.1.093.12.117a.653.653 0 0 1 .008.925l-.036.035a.74.74 0 0 1-.515.183"/><path fill="#3a96dd" d="M21.113 25.836a14.46 14.46 0 0 1-10.627-4.891a5 5 0 0 1-.427-.571C4.927 12.317 6.347 8.868 8.445 7.393a4.66 4.66 0 0 1 3.346-.755c9.35 1.3 10.521 8.753 10.531 8.828a.68.68 0 0 1-1.346.2C20.937 15.4 19.91 9.147 11.6 7.99a3.3 3.3 0 0 0-2.376.51c-2.28 1.6-1.578 5.558 1.978 11.138a3 3 0 0 0 .3.4A12.93 12.93 0 0 0 23.2 24.3a3.4 3.4 0 0 0 2.289-1.449c1.414-2.112 2.627-7.009-5.138-16.083a.68.68 0 1 1 1-.924q.018.019.034.039c8.348 9.756 6.862 15.294 5.234 17.725a4.76 4.76 0 0 1-3.2 2.035a14.5 14.5 0 0 1-2.306.193"/><path fill="#b4a0ff" d="M12.955 9.244h-.176a1.97 1.97 0 0 0-1.937 1.7a8 8 0 0 0-.061 1a8.83 8.83 0 0 0 3.389 6.626A10.15 10.15 0 0 0 20.835 21h.178a1.97 1.97 0 0 0 1.937-1.7a8 8 0 0 0 .062-1a8.6 8.6 0 0 0-3.056-6.5a10.63 10.63 0 0 0-7.001-2.556"/><path fill="#fff" d="M14.719 11.8h-.1a1.11 1.11 0 0 0-1.073.982a5 5 0 0 0-.034.577a5.4 5.4 0 0 0 5.57 5.217h.1a1.11 1.11 0 0 0 1.073-.982a5 5 0 0 0 .034-.576a5.4 5.4 0 0 0-5.57-5.218"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M29.7 18.775C29.552 14.634 27.222 9.9 22.774 4.7a2.5 2.5 0 0 0-3.515-.272a3 3 0 0 0-.24.234a16.83 16.83 0 0 0-8.5-2.66a8.45 8.45 0 0 0-6.153 2.342a8.7 8.7 0 0 0-2.3 7.009a18.65 18.65 0 0 0 2.226 9.3a24.5 24.5 0 0 0 4.764 6.3l.022.021l.037.035a2.49 2.49 0 0 0 3.473.059a17.1 17.1 0 0 0 8.928 2.926a8.45 8.45 0 0 0 6.149-2.338c2.085-2.09 2.805-5.239 2.035-8.881"/><ellipse cx="16.007" cy="16.009" fill="#0078d7" rx="9.022" ry="14.666" transform="rotate(-44.968 16.007 16.008)"/><path fill="#0078d7" d="M11.022 26a.74.74 0 0 1-.506-.215l-.09-.087a22.7 22.7 0 0 1-4.511-5.926A15.47 15.47 0 0 1 4.837 7.1a.723.723 0 0 1 .905-.429a.674.674 0 0 1 .463.834l-.005.029c-2.9 8.287 2.7 14.8 5.245 17.206c.057.054.1.093.12.117a.653.653 0 0 1 .008.925l-.036.035a.74.74 0 0 1-.515.183"/><path fill="#3a96dd" d="M21.113 25.836a14.46 14.46 0 0 1-10.627-4.891a5 5 0 0 1-.427-.571C4.927 12.317 6.347 8.868 8.445 7.393a4.66 4.66 0 0 1 3.346-.755c9.35 1.3 10.521 8.753 10.531 8.828a.68.68 0 0 1-1.346.2C20.937 15.4 19.91 9.147 11.6 7.99a3.3 3.3 0 0 0-2.376.51c-2.28 1.6-1.578 5.558 1.978 11.138a3 3 0 0 0 .3.4A12.93 12.93 0 0 0 23.2 24.3a3.4 3.4 0 0 0 2.289-1.449c1.414-2.112 2.627-7.009-5.138-16.083a.68.68 0 1 1 1-.924q.018.019.034.039c8.348 9.756 6.862 15.294 5.234 17.725a4.76 4.76 0 0 1-3.2 2.035a14.5 14.5 0 0 1-2.306.193"/><path fill="#b4a0ff" d="M12.955 9.244h-.176a1.97 1.97 0 0 0-1.937 1.7a8 8 0 0 0-.061 1a8.83 8.83 0 0 0 3.389 6.626A10.15 10.15 0 0 0 20.835 21h.178a1.97 1.97 0 0 0 1.937-1.7a8 8 0 0 0 .062-1a8.6 8.6 0 0 0-3.056-6.5a10.63 10.63 0 0 0-7.001-2.556"/><path fill="#fff" d="M14.719 11.8h-.1a1.11 1.11 0 0 0-1.073.982a5 5 0 0 0-.034.577a5.4 5.4 0 0 0 5.57 5.217h.1a1.11 1.11 0 0 0 1.073-.982a5 5 0 0 0 .034-.576a5.4 5.4 0 0 0-5.57-5.218"/></svg> </template>
CSS
.icon-file-type-glitter {
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%22M29.7%2018.775C29.552%2014.634%2027.222%209.9%2022.774%204.7a2.5%202.5%200%200%200-3.515-.272a3%203%200%200%200-.24.234a16.83%2016.83%200%200%200-8.5-2.66a8.45%208.45%200%200%200-6.153%202.342a8.7%208.7%200%200%200-2.3%207.009a18.65%2018.65%200%200%200%202.226%209.3a24.5%2024.5%200%200%200%204.764%206.3l.022.021l.037.035a2.49%202.49%200%200%200%203.473.059a17.1%2017.1%200%200%200%208.928%202.926a8.45%208.45%200%200%200%206.149-2.338c2.085-2.09%202.805-5.239%202.035-8.881%22%2F%3E%3Cellipse%20cx%3D%2216.007%22%20cy%3D%2216.009%22%20fill%3D%22%230078d7%22%20rx%3D%229.022%22%20ry%3D%2214.666%22%20transform%3D%22rotate(-44.968%2016.007%2016.008)%22%2F%3E%3Cpath%20fill%3D%22%230078d7%22%20d%3D%22M11.022%2026a.74.74%200%200%201-.506-.215l-.09-.087a22.7%2022.7%200%200%201-4.511-5.926A15.47%2015.47%200%200%201%204.837%207.1a.723.723%200%200%201%20.905-.429a.674.674%200%200%201%20.463.834l-.005.029c-2.9%208.287%202.7%2014.8%205.245%2017.206c.057.054.1.093.12.117a.653.653%200%200%201%20.008.925l-.036.035a.74.74%200%200%201-.515.183%22%2F%3E%3Cpath%20fill%3D%22%233a96dd%22%20d%3D%22M21.113%2025.836a14.46%2014.46%200%200%201-10.627-4.891a5%205%200%200%201-.427-.571C4.927%2012.317%206.347%208.868%208.445%207.393a4.66%204.66%200%200%201%203.346-.755c9.35%201.3%2010.521%208.753%2010.531%208.828a.68.68%200%200%201-1.346.2C20.937%2015.4%2019.91%209.147%2011.6%207.99a3.3%203.3%200%200%200-2.376.51c-2.28%201.6-1.578%205.558%201.978%2011.138a3%203%200%200%200%20.3.4A12.93%2012.93%200%200%200%2023.2%2024.3a3.4%203.4%200%200%200%202.289-1.449c1.414-2.112%202.627-7.009-5.138-16.083a.68.68%200%201%201%201-.924q.018.019.034.039c8.348%209.756%206.862%2015.294%205.234%2017.725a4.76%204.76%200%200%201-3.2%202.035a14.5%2014.5%200%200%201-2.306.193%22%2F%3E%3Cpath%20fill%3D%22%23b4a0ff%22%20d%3D%22M12.955%209.244h-.176a1.97%201.97%200%200%200-1.937%201.7a8%208%200%200%200-.061%201a8.83%208.83%200%200%200%203.389%206.626A10.15%2010.15%200%200%200%2020.835%2021h.178a1.97%201.97%200%200%200%201.937-1.7a8%208%200%200%200%20.062-1a8.6%208.6%200%200%200-3.056-6.5a10.63%2010.63%200%200%200-7.001-2.556%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.719%2011.8h-.1a1.11%201.11%200%200%200-1.073.982a5%205%200%200%200-.034.577a5.4%205.4%200%200%200%205.57%205.217h.1a1.11%201.11%200%200%200%201.073-.982a5%205%200%200%200%20.034-.576a5.4%205.4%200%200%200-5.57-5.218%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%22M29.7%2018.775C29.552%2014.634%2027.222%209.9%2022.774%204.7a2.5%202.5%200%200%200-3.515-.272a3%203%200%200%200-.24.234a16.83%2016.83%200%200%200-8.5-2.66a8.45%208.45%200%200%200-6.153%202.342a8.7%208.7%200%200%200-2.3%207.009a18.65%2018.65%200%200%200%202.226%209.3a24.5%2024.5%200%200%200%204.764%206.3l.022.021l.037.035a2.49%202.49%200%200%200%203.473.059a17.1%2017.1%200%200%200%208.928%202.926a8.45%208.45%200%200%200%206.149-2.338c2.085-2.09%202.805-5.239%202.035-8.881%22%2F%3E%3Cellipse%20cx%3D%2216.007%22%20cy%3D%2216.009%22%20fill%3D%22%230078d7%22%20rx%3D%229.022%22%20ry%3D%2214.666%22%20transform%3D%22rotate(-44.968%2016.007%2016.008)%22%2F%3E%3Cpath%20fill%3D%22%230078d7%22%20d%3D%22M11.022%2026a.74.74%200%200%201-.506-.215l-.09-.087a22.7%2022.7%200%200%201-4.511-5.926A15.47%2015.47%200%200%201%204.837%207.1a.723.723%200%200%201%20.905-.429a.674.674%200%200%201%20.463.834l-.005.029c-2.9%208.287%202.7%2014.8%205.245%2017.206c.057.054.1.093.12.117a.653.653%200%200%201%20.008.925l-.036.035a.74.74%200%200%201-.515.183%22%2F%3E%3Cpath%20fill%3D%22%233a96dd%22%20d%3D%22M21.113%2025.836a14.46%2014.46%200%200%201-10.627-4.891a5%205%200%200%201-.427-.571C4.927%2012.317%206.347%208.868%208.445%207.393a4.66%204.66%200%200%201%203.346-.755c9.35%201.3%2010.521%208.753%2010.531%208.828a.68.68%200%200%201-1.346.2C20.937%2015.4%2019.91%209.147%2011.6%207.99a3.3%203.3%200%200%200-2.376.51c-2.28%201.6-1.578%205.558%201.978%2011.138a3%203%200%200%200%20.3.4A12.93%2012.93%200%200%200%2023.2%2024.3a3.4%203.4%200%200%200%202.289-1.449c1.414-2.112%202.627-7.009-5.138-16.083a.68.68%200%201%201%201-.924q.018.019.034.039c8.348%209.756%206.862%2015.294%205.234%2017.725a4.76%204.76%200%200%201-3.2%202.035a14.5%2014.5%200%200%201-2.306.193%22%2F%3E%3Cpath%20fill%3D%22%23b4a0ff%22%20d%3D%22M12.955%209.244h-.176a1.97%201.97%200%200%200-1.937%201.7a8%208%200%200%200-.061%201a8.83%208.83%200%200%200%203.389%206.626A10.15%2010.15%200%200%200%2020.835%2021h.178a1.97%201.97%200%200%200%201.937-1.7a8%208%200%200%200%20.062-1a8.6%208.6%200%200%200-3.056-6.5a10.63%2010.63%200%200%200-7.001-2.556%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.719%2011.8h-.1a1.11%201.11%200%200%200-1.073.982a5%205%200%200%200-.034.577a5.4%205.4%200%200%200%205.57%205.217h.1a1.11%201.11%200%200%200%201.073-.982a5%205%200%200%200%20.034-.576a5.4%205.4%200%200%200-5.57-5.218%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-glitter.svg?color=%231a73e8&size=48
