file type changie logo
file-type-changie from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-changie
- 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 changie logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#b986f5" d="M3.68 9.46c-.93 0-1.68.75-1.68 1.68v12.54c0 .93.75 1.68 1.68 1.68h4.97c-.13-.4.02-.92.05-1.29H4.72c-.86 0-1.54-.68-1.54-1.54V12.3c0-.85.68-1.54 1.54-1.54h6.84c.21-.41.39-.85.48-1.28zm13.97 0c.43.38.8.78.94 1.3h8.7c.85 0 1.53.68 1.53 1.53v10.24c0 .86-.68 1.54-1.54 1.54c-.23.29-.8.93-1.3 1.29h2.34c.93 0 1.68-.75 1.68-1.68V11.14c0-.93-.75-1.68-1.68-1.68z"/><path fill="#88ea15" d="M20.12 13.38c-.03 0 .3.72.41.91a9.2 9.2 0 0 1 .83 5.54a2.96 2.96 0 0 1-.71 1.5c-.55.6-.84.76-1.78.97c-5.23 1.15-10.16 3.93-10.16 5.72c0 .74.84 1.24 2.3 1.38c.75.07 1.02.07 2.04 0c4.5-.34 10.26-2.5 12.55-4.68c.56-.54.95-1.15.95-1.52c0-.49-.38-.92-1.69-1.94c-1.31-1.03-1.46-1.27-2.5-4.04c-.5-1.09-1-3.31-2.24-3.84m2.42 9.03c2.2 0 3.3.67 2.72 1.82c-.35.7-1.57 1.64-3.16 2.44a24.9 24.9 0 0 1-7.26 2.3c-.96.15-2.81.18-3.45.06c-2.59-.5-1.77-2.37 1.83-4.19l.84-.42l.05.38a3.28 3.28 0 0 0 4.74 2.55a3.28 3.28 0 0 0 1.51-4.32l-.2-.41l.29-.04c.77-.12 1.48-.17 2.1-.17M9.58 25c-.03-.03-.02-.16.01-.3c.14-.62.27-2.34.27-3.62c0-1.52.09-3.37.2-4.23a10 10 0 0 1 1.78-4.57c.72-1.14 1.27-2.26 1.28-3.44c0-.66-.02-.78-.18-1.12a3.2 3.2 0 0 0-1.11-1.25c-1.4-.9-1.1-3.18.49-3.78c.8-.3 1.75-.1 2.36.51c.4.4.6.9.6 1.54c-.03.94-.61 1.53-.56 2.46c.07.98.38 1.44 1.74 2.59c.97.82 1.2 1.09 1.2 1.4c0 .1-.04.1-.26-.02c-.41-.21-1.05-.34-1.7-.34c-1.1 0-2.17.4-2.94 1.13c-.33.31-.47.51-.74 1.09c-.87 1.84-1.17 3.33-1.18 5.85c0 2.25.14 3.18.7 4.34c.15.3.26.54.25.55a92 92 0 0 1-2.09 1.2c-.05.03-.1.02-.12 0z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeChangie(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#b986f5" d="M3.68 9.46c-.93 0-1.68.75-1.68 1.68v12.54c0 .93.75 1.68 1.68 1.68h4.97c-.13-.4.02-.92.05-1.29H4.72c-.86 0-1.54-.68-1.54-1.54V12.3c0-.85.68-1.54 1.54-1.54h6.84c.21-.41.39-.85.48-1.28zm13.97 0c.43.38.8.78.94 1.3h8.7c.85 0 1.53.68 1.53 1.53v10.24c0 .86-.68 1.54-1.54 1.54c-.23.29-.8.93-1.3 1.29h2.34c.93 0 1.68-.75 1.68-1.68V11.14c0-.93-.75-1.68-1.68-1.68z"/><path fill="#88ea15" d="M20.12 13.38c-.03 0 .3.72.41.91a9.2 9.2 0 0 1 .83 5.54a2.96 2.96 0 0 1-.71 1.5c-.55.6-.84.76-1.78.97c-5.23 1.15-10.16 3.93-10.16 5.72c0 .74.84 1.24 2.3 1.38c.75.07 1.02.07 2.04 0c4.5-.34 10.26-2.5 12.55-4.68c.56-.54.95-1.15.95-1.52c0-.49-.38-.92-1.69-1.94c-1.31-1.03-1.46-1.27-2.5-4.04c-.5-1.09-1-3.31-2.24-3.84m2.42 9.03c2.2 0 3.3.67 2.72 1.82c-.35.7-1.57 1.64-3.16 2.44a24.9 24.9 0 0 1-7.26 2.3c-.96.15-2.81.18-3.45.06c-2.59-.5-1.77-2.37 1.83-4.19l.84-.42l.05.38a3.28 3.28 0 0 0 4.74 2.55a3.28 3.28 0 0 0 1.51-4.32l-.2-.41l.29-.04c.77-.12 1.48-.17 2.1-.17M9.58 25c-.03-.03-.02-.16.01-.3c.14-.62.27-2.34.27-3.62c0-1.52.09-3.37.2-4.23a10 10 0 0 1 1.78-4.57c.72-1.14 1.27-2.26 1.28-3.44c0-.66-.02-.78-.18-1.12a3.2 3.2 0 0 0-1.11-1.25c-1.4-.9-1.1-3.18.49-3.78c.8-.3 1.75-.1 2.36.51c.4.4.6.9.6 1.54c-.03.94-.61 1.53-.56 2.46c.07.98.38 1.44 1.74 2.59c.97.82 1.2 1.09 1.2 1.4c0 .1-.04.1-.26-.02c-.41-.21-1.05-.34-1.7-.34c-1.1 0-2.17.4-2.94 1.13c-.33.31-.47.51-.74 1.09c-.87 1.84-1.17 3.33-1.18 5.85c0 2.25.14 3.18.7 4.34c.15.3.26.54.25.55a92 92 0 0 1-2.09 1.2c-.05.03-.1.02-.12 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#b986f5" d="M3.68 9.46c-.93 0-1.68.75-1.68 1.68v12.54c0 .93.75 1.68 1.68 1.68h4.97c-.13-.4.02-.92.05-1.29H4.72c-.86 0-1.54-.68-1.54-1.54V12.3c0-.85.68-1.54 1.54-1.54h6.84c.21-.41.39-.85.48-1.28zm13.97 0c.43.38.8.78.94 1.3h8.7c.85 0 1.53.68 1.53 1.53v10.24c0 .86-.68 1.54-1.54 1.54c-.23.29-.8.93-1.3 1.29h2.34c.93 0 1.68-.75 1.68-1.68V11.14c0-.93-.75-1.68-1.68-1.68z"/><path fill="#88ea15" d="M20.12 13.38c-.03 0 .3.72.41.91a9.2 9.2 0 0 1 .83 5.54a2.96 2.96 0 0 1-.71 1.5c-.55.6-.84.76-1.78.97c-5.23 1.15-10.16 3.93-10.16 5.72c0 .74.84 1.24 2.3 1.38c.75.07 1.02.07 2.04 0c4.5-.34 10.26-2.5 12.55-4.68c.56-.54.95-1.15.95-1.52c0-.49-.38-.92-1.69-1.94c-1.31-1.03-1.46-1.27-2.5-4.04c-.5-1.09-1-3.31-2.24-3.84m2.42 9.03c2.2 0 3.3.67 2.72 1.82c-.35.7-1.57 1.64-3.16 2.44a24.9 24.9 0 0 1-7.26 2.3c-.96.15-2.81.18-3.45.06c-2.59-.5-1.77-2.37 1.83-4.19l.84-.42l.05.38a3.28 3.28 0 0 0 4.74 2.55a3.28 3.28 0 0 0 1.51-4.32l-.2-.41l.29-.04c.77-.12 1.48-.17 2.1-.17M9.58 25c-.03-.03-.02-.16.01-.3c.14-.62.27-2.34.27-3.62c0-1.52.09-3.37.2-4.23a10 10 0 0 1 1.78-4.57c.72-1.14 1.27-2.26 1.28-3.44c0-.66-.02-.78-.18-1.12a3.2 3.2 0 0 0-1.11-1.25c-1.4-.9-1.1-3.18.49-3.78c.8-.3 1.75-.1 2.36.51c.4.4.6.9.6 1.54c-.03.94-.61 1.53-.56 2.46c.07.98.38 1.44 1.74 2.59c.97.82 1.2 1.09 1.2 1.4c0 .1-.04.1-.26-.02c-.41-.21-1.05-.34-1.7-.34c-1.1 0-2.17.4-2.94 1.13c-.33.31-.47.51-.74 1.09c-.87 1.84-1.17 3.33-1.18 5.85c0 2.25.14 3.18.7 4.34c.15.3.26.54.25.55a92 92 0 0 1-2.09 1.2c-.05.03-.1.02-.12 0z"/></svg> </template>
CSS
.icon-file-type-changie {
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%20fill%3D%22%23b986f5%22%20d%3D%22M3.68%209.46c-.93%200-1.68.75-1.68%201.68v12.54c0%20.93.75%201.68%201.68%201.68h4.97c-.13-.4.02-.92.05-1.29H4.72c-.86%200-1.54-.68-1.54-1.54V12.3c0-.85.68-1.54%201.54-1.54h6.84c.21-.41.39-.85.48-1.28zm13.97%200c.43.38.8.78.94%201.3h8.7c.85%200%201.53.68%201.53%201.53v10.24c0%20.86-.68%201.54-1.54%201.54c-.23.29-.8.93-1.3%201.29h2.34c.93%200%201.68-.75%201.68-1.68V11.14c0-.93-.75-1.68-1.68-1.68z%22%2F%3E%3Cpath%20fill%3D%22%2388ea15%22%20d%3D%22M20.12%2013.38c-.03%200%20.3.72.41.91a9.2%209.2%200%200%201%20.83%205.54a2.96%202.96%200%200%201-.71%201.5c-.55.6-.84.76-1.78.97c-5.23%201.15-10.16%203.93-10.16%205.72c0%20.74.84%201.24%202.3%201.38c.75.07%201.02.07%202.04%200c4.5-.34%2010.26-2.5%2012.55-4.68c.56-.54.95-1.15.95-1.52c0-.49-.38-.92-1.69-1.94c-1.31-1.03-1.46-1.27-2.5-4.04c-.5-1.09-1-3.31-2.24-3.84m2.42%209.03c2.2%200%203.3.67%202.72%201.82c-.35.7-1.57%201.64-3.16%202.44a24.9%2024.9%200%200%201-7.26%202.3c-.96.15-2.81.18-3.45.06c-2.59-.5-1.77-2.37%201.83-4.19l.84-.42l.05.38a3.28%203.28%200%200%200%204.74%202.55a3.28%203.28%200%200%200%201.51-4.32l-.2-.41l.29-.04c.77-.12%201.48-.17%202.1-.17M9.58%2025c-.03-.03-.02-.16.01-.3c.14-.62.27-2.34.27-3.62c0-1.52.09-3.37.2-4.23a10%2010%200%200%201%201.78-4.57c.72-1.14%201.27-2.26%201.28-3.44c0-.66-.02-.78-.18-1.12a3.2%203.2%200%200%200-1.11-1.25c-1.4-.9-1.1-3.18.49-3.78c.8-.3%201.75-.1%202.36.51c.4.4.6.9.6%201.54c-.03.94-.61%201.53-.56%202.46c.07.98.38%201.44%201.74%202.59c.97.82%201.2%201.09%201.2%201.4c0%20.1-.04.1-.26-.02c-.41-.21-1.05-.34-1.7-.34c-1.1%200-2.17.4-2.94%201.13c-.33.31-.47.51-.74%201.09c-.87%201.84-1.17%203.33-1.18%205.85c0%202.25.14%203.18.7%204.34c.15.3.26.54.25.55a92%2092%200%200%201-2.09%201.2c-.05.03-.1.02-.12%200z%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%20fill%3D%22%23b986f5%22%20d%3D%22M3.68%209.46c-.93%200-1.68.75-1.68%201.68v12.54c0%20.93.75%201.68%201.68%201.68h4.97c-.13-.4.02-.92.05-1.29H4.72c-.86%200-1.54-.68-1.54-1.54V12.3c0-.85.68-1.54%201.54-1.54h6.84c.21-.41.39-.85.48-1.28zm13.97%200c.43.38.8.78.94%201.3h8.7c.85%200%201.53.68%201.53%201.53v10.24c0%20.86-.68%201.54-1.54%201.54c-.23.29-.8.93-1.3%201.29h2.34c.93%200%201.68-.75%201.68-1.68V11.14c0-.93-.75-1.68-1.68-1.68z%22%2F%3E%3Cpath%20fill%3D%22%2388ea15%22%20d%3D%22M20.12%2013.38c-.03%200%20.3.72.41.91a9.2%209.2%200%200%201%20.83%205.54a2.96%202.96%200%200%201-.71%201.5c-.55.6-.84.76-1.78.97c-5.23%201.15-10.16%203.93-10.16%205.72c0%20.74.84%201.24%202.3%201.38c.75.07%201.02.07%202.04%200c4.5-.34%2010.26-2.5%2012.55-4.68c.56-.54.95-1.15.95-1.52c0-.49-.38-.92-1.69-1.94c-1.31-1.03-1.46-1.27-2.5-4.04c-.5-1.09-1-3.31-2.24-3.84m2.42%209.03c2.2%200%203.3.67%202.72%201.82c-.35.7-1.57%201.64-3.16%202.44a24.9%2024.9%200%200%201-7.26%202.3c-.96.15-2.81.18-3.45.06c-2.59-.5-1.77-2.37%201.83-4.19l.84-.42l.05.38a3.28%203.28%200%200%200%204.74%202.55a3.28%203.28%200%200%200%201.51-4.32l-.2-.41l.29-.04c.77-.12%201.48-.17%202.1-.17M9.58%2025c-.03-.03-.02-.16.01-.3c.14-.62.27-2.34.27-3.62c0-1.52.09-3.37.2-4.23a10%2010%200%200%201%201.78-4.57c.72-1.14%201.27-2.26%201.28-3.44c0-.66-.02-.78-.18-1.12a3.2%203.2%200%200%200-1.11-1.25c-1.4-.9-1.1-3.18.49-3.78c.8-.3%201.75-.1%202.36.51c.4.4.6.9.6%201.54c-.03.94-.61%201.53-.56%202.46c.07.98.38%201.44%201.74%202.59c.97.82%201.2%201.09%201.2%201.4c0%20.1-.04.1-.26-.02c-.41-.21-1.05-.34-1.7-.34c-1.1%200-2.17.4-2.94%201.13c-.33.31-.47.51-.74%201.09c-.87%201.84-1.17%203.33-1.18%205.85c0%202.25.14%203.18.7%204.34c.15.3.26.54.25.55a92%2092%200%200%201-2.09%201.2c-.05.03-.1.02-.12%200z%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-changie.svg?color=%231a73e8&size=48
