file type scss logo
file-type-scss from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-scss
- 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 scss logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#cd6799" d="M16.171 18.7c-.481.221-1.008.509-2.063 1.088c-.4.225-.818.45-1.207.662c-.027-.027-.055-.061-.082-.089c-2.087-2.23-5.947-3.805-5.783-6.8c.061-1.091.436-3.955 7.413-7.433c5.742-2.83 10.311-2.046 11.1-.307c1.134 2.479-2.449 7.092-8.379 7.761a4.47 4.47 0 0 1-3.751-.948c-.314-.341-.361-.361-.477-.293c-.191.1-.068.409 0 .586a3.5 3.5 0 0 0 2.141 1.684a11.4 11.4 0 0 0 6.956-.689c3.594-1.391 6.4-5.258 5.578-8.5c-.825-3.287-6.281-4.371-11.443-2.537a26 26 0 0 0-8.79 5.047c-2.844 2.66-3.294 4.972-3.11 5.94c.662 3.437 5.4 5.674 7.3 7.331q-.148.08-.259.143c-.948.471-4.562 2.36-5.463 4.358c-1.023 2.264.164 3.887.948 4.105a5.83 5.83 0 0 0 6.281-2.544a6.3 6.3 0 0 0 .559-5.8a5 5 0 0 1 .716-.477c.484-.286.945-.568 1.354-.786a10.5 10.5 0 0 1 4.475-.989c3.246.382 3.887 2.407 3.764 3.26a2.16 2.16 0 0 1-1.03 1.459c-.225.143-.3.191-.28.293c.027.15.136.143.327.116a2.535 2.535 0 0 0 1.766-2.257c.1-2-1.807-4.194-5.183-4.174a7.8 7.8 0 0 0-2.946.587q-.225.093-.437.2Zm-4.825 7.839c-1.078 1.173-2.578 1.616-3.226 1.241c-.7-.4-.423-2.135.9-3.376a17 17 0 0 1 2.53-1.889c.157-.1.389-.232.668-.4l.075-.041l.164-.1a4.66 4.66 0 0 1-1.111 4.565"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeScss(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#cd6799" d="M16.171 18.7c-.481.221-1.008.509-2.063 1.088c-.4.225-.818.45-1.207.662c-.027-.027-.055-.061-.082-.089c-2.087-2.23-5.947-3.805-5.783-6.8c.061-1.091.436-3.955 7.413-7.433c5.742-2.83 10.311-2.046 11.1-.307c1.134 2.479-2.449 7.092-8.379 7.761a4.47 4.47 0 0 1-3.751-.948c-.314-.341-.361-.361-.477-.293c-.191.1-.068.409 0 .586a3.5 3.5 0 0 0 2.141 1.684a11.4 11.4 0 0 0 6.956-.689c3.594-1.391 6.4-5.258 5.578-8.5c-.825-3.287-6.281-4.371-11.443-2.537a26 26 0 0 0-8.79 5.047c-2.844 2.66-3.294 4.972-3.11 5.94c.662 3.437 5.4 5.674 7.3 7.331q-.148.08-.259.143c-.948.471-4.562 2.36-5.463 4.358c-1.023 2.264.164 3.887.948 4.105a5.83 5.83 0 0 0 6.281-2.544a6.3 6.3 0 0 0 .559-5.8a5 5 0 0 1 .716-.477c.484-.286.945-.568 1.354-.786a10.5 10.5 0 0 1 4.475-.989c3.246.382 3.887 2.407 3.764 3.26a2.16 2.16 0 0 1-1.03 1.459c-.225.143-.3.191-.28.293c.027.15.136.143.327.116a2.535 2.535 0 0 0 1.766-2.257c.1-2-1.807-4.194-5.183-4.174a7.8 7.8 0 0 0-2.946.587q-.225.093-.437.2Zm-4.825 7.839c-1.078 1.173-2.578 1.616-3.226 1.241c-.7-.4-.423-2.135.9-3.376a17 17 0 0 1 2.53-1.889c.157-.1.389-.232.668-.4l.075-.041l.164-.1a4.66 4.66 0 0 1-1.111 4.565"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#cd6799" d="M16.171 18.7c-.481.221-1.008.509-2.063 1.088c-.4.225-.818.45-1.207.662c-.027-.027-.055-.061-.082-.089c-2.087-2.23-5.947-3.805-5.783-6.8c.061-1.091.436-3.955 7.413-7.433c5.742-2.83 10.311-2.046 11.1-.307c1.134 2.479-2.449 7.092-8.379 7.761a4.47 4.47 0 0 1-3.751-.948c-.314-.341-.361-.361-.477-.293c-.191.1-.068.409 0 .586a3.5 3.5 0 0 0 2.141 1.684a11.4 11.4 0 0 0 6.956-.689c3.594-1.391 6.4-5.258 5.578-8.5c-.825-3.287-6.281-4.371-11.443-2.537a26 26 0 0 0-8.79 5.047c-2.844 2.66-3.294 4.972-3.11 5.94c.662 3.437 5.4 5.674 7.3 7.331q-.148.08-.259.143c-.948.471-4.562 2.36-5.463 4.358c-1.023 2.264.164 3.887.948 4.105a5.83 5.83 0 0 0 6.281-2.544a6.3 6.3 0 0 0 .559-5.8a5 5 0 0 1 .716-.477c.484-.286.945-.568 1.354-.786a10.5 10.5 0 0 1 4.475-.989c3.246.382 3.887 2.407 3.764 3.26a2.16 2.16 0 0 1-1.03 1.459c-.225.143-.3.191-.28.293c.027.15.136.143.327.116a2.535 2.535 0 0 0 1.766-2.257c.1-2-1.807-4.194-5.183-4.174a7.8 7.8 0 0 0-2.946.587q-.225.093-.437.2Zm-4.825 7.839c-1.078 1.173-2.578 1.616-3.226 1.241c-.7-.4-.423-2.135.9-3.376a17 17 0 0 1 2.53-1.889c.157-.1.389-.232.668-.4l.075-.041l.164-.1a4.66 4.66 0 0 1-1.111 4.565"/></svg> </template>
CSS
.icon-file-type-scss {
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%23cd6799%22%20d%3D%22M16.171%2018.7c-.481.221-1.008.509-2.063%201.088c-.4.225-.818.45-1.207.662c-.027-.027-.055-.061-.082-.089c-2.087-2.23-5.947-3.805-5.783-6.8c.061-1.091.436-3.955%207.413-7.433c5.742-2.83%2010.311-2.046%2011.1-.307c1.134%202.479-2.449%207.092-8.379%207.761a4.47%204.47%200%200%201-3.751-.948c-.314-.341-.361-.361-.477-.293c-.191.1-.068.409%200%20.586a3.5%203.5%200%200%200%202.141%201.684a11.4%2011.4%200%200%200%206.956-.689c3.594-1.391%206.4-5.258%205.578-8.5c-.825-3.287-6.281-4.371-11.443-2.537a26%2026%200%200%200-8.79%205.047c-2.844%202.66-3.294%204.972-3.11%205.94c.662%203.437%205.4%205.674%207.3%207.331q-.148.08-.259.143c-.948.471-4.562%202.36-5.463%204.358c-1.023%202.264.164%203.887.948%204.105a5.83%205.83%200%200%200%206.281-2.544a6.3%206.3%200%200%200%20.559-5.8a5%205%200%200%201%20.716-.477c.484-.286.945-.568%201.354-.786a10.5%2010.5%200%200%201%204.475-.989c3.246.382%203.887%202.407%203.764%203.26a2.16%202.16%200%200%201-1.03%201.459c-.225.143-.3.191-.28.293c.027.15.136.143.327.116a2.535%202.535%200%200%200%201.766-2.257c.1-2-1.807-4.194-5.183-4.174a7.8%207.8%200%200%200-2.946.587q-.225.093-.437.2Zm-4.825%207.839c-1.078%201.173-2.578%201.616-3.226%201.241c-.7-.4-.423-2.135.9-3.376a17%2017%200%200%201%202.53-1.889c.157-.1.389-.232.668-.4l.075-.041l.164-.1a4.66%204.66%200%200%201-1.111%204.565%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%23cd6799%22%20d%3D%22M16.171%2018.7c-.481.221-1.008.509-2.063%201.088c-.4.225-.818.45-1.207.662c-.027-.027-.055-.061-.082-.089c-2.087-2.23-5.947-3.805-5.783-6.8c.061-1.091.436-3.955%207.413-7.433c5.742-2.83%2010.311-2.046%2011.1-.307c1.134%202.479-2.449%207.092-8.379%207.761a4.47%204.47%200%200%201-3.751-.948c-.314-.341-.361-.361-.477-.293c-.191.1-.068.409%200%20.586a3.5%203.5%200%200%200%202.141%201.684a11.4%2011.4%200%200%200%206.956-.689c3.594-1.391%206.4-5.258%205.578-8.5c-.825-3.287-6.281-4.371-11.443-2.537a26%2026%200%200%200-8.79%205.047c-2.844%202.66-3.294%204.972-3.11%205.94c.662%203.437%205.4%205.674%207.3%207.331q-.148.08-.259.143c-.948.471-4.562%202.36-5.463%204.358c-1.023%202.264.164%203.887.948%204.105a5.83%205.83%200%200%200%206.281-2.544a6.3%206.3%200%200%200%20.559-5.8a5%205%200%200%201%20.716-.477c.484-.286.945-.568%201.354-.786a10.5%2010.5%200%200%201%204.475-.989c3.246.382%203.887%202.407%203.764%203.26a2.16%202.16%200%200%201-1.03%201.459c-.225.143-.3.191-.28.293c.027.15.136.143.327.116a2.535%202.535%200%200%200%201.766-2.257c.1-2-1.807-4.194-5.183-4.174a7.8%207.8%200%200%200-2.946.587q-.225.093-.437.2Zm-4.825%207.839c-1.078%201.173-2.578%201.616-3.226%201.241c-.7-.4-.423-2.135.9-3.376a17%2017%200%200%201%202.53-1.889c.157-.1.389-.232.668-.4l.075-.041l.164-.1a4.66%204.66%200%200%201-1.111%204.565%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-scss.svg?color=%231a73e8&size=48
