file type scss2 logo
file-type-scss2 from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-scss2
- 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 scss2 logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#c69" fill-rule="evenodd" d="M16 2A14 14 0 1 1 2 16A14 14 0 0 1 16 2"/><path fill="#fff" d="M24.782 7.992c-.634-2.486-4.757-3.3-8.659-1.918a19.6 19.6 0 0 0-6.644 3.811c-2.149 2.01-2.492 3.76-2.351 4.491c.5 2.58 4.033 4.266 5.486 5.517v.007c-.428.211-3.564 1.8-4.3 3.42c-.774 1.712.123 2.94.718 3.105A4.4 4.4 0 0 0 13.78 24.5a4.82 4.82 0 0 0 .472-4.288a5.6 5.6 0 0 1 2.143-.123c2.456.287 2.938 1.82 2.846 2.462a1.62 1.62 0 0 1-.779 1.1c-.172.107-.225.143-.21.223c.021.115.1.111.247.086a1.915 1.915 0 0 0 1.336-1.707c.059-1.5-1.382-3.186-3.934-3.143a6.7 6.7 0 0 0-2.189.3l-.108-.12c-1.578-1.683-4.494-2.874-4.371-5.137c.045-.823.331-2.989 5.6-5.617c4.32-2.153 7.778-1.56 8.376-.247c.854 1.876-1.848 5.361-6.334 5.864a3.37 3.37 0 0 1-2.833-.718c-.236-.26-.271-.271-.359-.223c-.143.079-.052.309 0 .445a2.66 2.66 0 0 0 1.621 1.274a8.6 8.6 0 0 0 5.258-.52c2.721-1.049 4.843-3.974 4.22-6.419M13.218 20.663a3.6 3.6 0 0 1-.029 2.092q-.035.106-.077.21t-.091.2a4 4 0 0 1-.647.943c-.813.887-1.95 1.223-2.437.94c-.526-.305-.263-1.556.68-2.553a9.5 9.5 0 0 1 2.474-1.762Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeScss2(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#c69" fillRule="evenodd" d="M16 2A14 14 0 1 1 2 16A14 14 0 0 1 16 2"/><path fill="#fff" d="M24.782 7.992c-.634-2.486-4.757-3.3-8.659-1.918a19.6 19.6 0 0 0-6.644 3.811c-2.149 2.01-2.492 3.76-2.351 4.491c.5 2.58 4.033 4.266 5.486 5.517v.007c-.428.211-3.564 1.8-4.3 3.42c-.774 1.712.123 2.94.718 3.105A4.4 4.4 0 0 0 13.78 24.5a4.82 4.82 0 0 0 .472-4.288a5.6 5.6 0 0 1 2.143-.123c2.456.287 2.938 1.82 2.846 2.462a1.62 1.62 0 0 1-.779 1.1c-.172.107-.225.143-.21.223c.021.115.1.111.247.086a1.915 1.915 0 0 0 1.336-1.707c.059-1.5-1.382-3.186-3.934-3.143a6.7 6.7 0 0 0-2.189.3l-.108-.12c-1.578-1.683-4.494-2.874-4.371-5.137c.045-.823.331-2.989 5.6-5.617c4.32-2.153 7.778-1.56 8.376-.247c.854 1.876-1.848 5.361-6.334 5.864a3.37 3.37 0 0 1-2.833-.718c-.236-.26-.271-.271-.359-.223c-.143.079-.052.309 0 .445a2.66 2.66 0 0 0 1.621 1.274a8.6 8.6 0 0 0 5.258-.52c2.721-1.049 4.843-3.974 4.22-6.419M13.218 20.663a3.6 3.6 0 0 1-.029 2.092q-.035.106-.077.21t-.091.2a4 4 0 0 1-.647.943c-.813.887-1.95 1.223-2.437.94c-.526-.305-.263-1.556.68-2.553a9.5 9.5 0 0 1 2.474-1.762Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#c69" fill-rule="evenodd" d="M16 2A14 14 0 1 1 2 16A14 14 0 0 1 16 2"/><path fill="#fff" d="M24.782 7.992c-.634-2.486-4.757-3.3-8.659-1.918a19.6 19.6 0 0 0-6.644 3.811c-2.149 2.01-2.492 3.76-2.351 4.491c.5 2.58 4.033 4.266 5.486 5.517v.007c-.428.211-3.564 1.8-4.3 3.42c-.774 1.712.123 2.94.718 3.105A4.4 4.4 0 0 0 13.78 24.5a4.82 4.82 0 0 0 .472-4.288a5.6 5.6 0 0 1 2.143-.123c2.456.287 2.938 1.82 2.846 2.462a1.62 1.62 0 0 1-.779 1.1c-.172.107-.225.143-.21.223c.021.115.1.111.247.086a1.915 1.915 0 0 0 1.336-1.707c.059-1.5-1.382-3.186-3.934-3.143a6.7 6.7 0 0 0-2.189.3l-.108-.12c-1.578-1.683-4.494-2.874-4.371-5.137c.045-.823.331-2.989 5.6-5.617c4.32-2.153 7.778-1.56 8.376-.247c.854 1.876-1.848 5.361-6.334 5.864a3.37 3.37 0 0 1-2.833-.718c-.236-.26-.271-.271-.359-.223c-.143.079-.052.309 0 .445a2.66 2.66 0 0 0 1.621 1.274a8.6 8.6 0 0 0 5.258-.52c2.721-1.049 4.843-3.974 4.22-6.419M13.218 20.663a3.6 3.6 0 0 1-.029 2.092q-.035.106-.077.21t-.091.2a4 4 0 0 1-.647.943c-.813.887-1.95 1.223-2.437.94c-.526-.305-.263-1.556.68-2.553a9.5 9.5 0 0 1 2.474-1.762Z"/></svg> </template>
CSS
.icon-file-type-scss2 {
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%23c69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%202A14%2014%200%201%201%202%2016A14%2014%200%200%201%2016%202%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24.782%207.992c-.634-2.486-4.757-3.3-8.659-1.918a19.6%2019.6%200%200%200-6.644%203.811c-2.149%202.01-2.492%203.76-2.351%204.491c.5%202.58%204.033%204.266%205.486%205.517v.007c-.428.211-3.564%201.8-4.3%203.42c-.774%201.712.123%202.94.718%203.105A4.4%204.4%200%200%200%2013.78%2024.5a4.82%204.82%200%200%200%20.472-4.288a5.6%205.6%200%200%201%202.143-.123c2.456.287%202.938%201.82%202.846%202.462a1.62%201.62%200%200%201-.779%201.1c-.172.107-.225.143-.21.223c.021.115.1.111.247.086a1.915%201.915%200%200%200%201.336-1.707c.059-1.5-1.382-3.186-3.934-3.143a6.7%206.7%200%200%200-2.189.3l-.108-.12c-1.578-1.683-4.494-2.874-4.371-5.137c.045-.823.331-2.989%205.6-5.617c4.32-2.153%207.778-1.56%208.376-.247c.854%201.876-1.848%205.361-6.334%205.864a3.37%203.37%200%200%201-2.833-.718c-.236-.26-.271-.271-.359-.223c-.143.079-.052.309%200%20.445a2.66%202.66%200%200%200%201.621%201.274a8.6%208.6%200%200%200%205.258-.52c2.721-1.049%204.843-3.974%204.22-6.419M13.218%2020.663a3.6%203.6%200%200%201-.029%202.092q-.035.106-.077.21t-.091.2a4%204%200%200%201-.647.943c-.813.887-1.95%201.223-2.437.94c-.526-.305-.263-1.556.68-2.553a9.5%209.5%200%200%201%202.474-1.762Z%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%23c69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%202A14%2014%200%201%201%202%2016A14%2014%200%200%201%2016%202%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24.782%207.992c-.634-2.486-4.757-3.3-8.659-1.918a19.6%2019.6%200%200%200-6.644%203.811c-2.149%202.01-2.492%203.76-2.351%204.491c.5%202.58%204.033%204.266%205.486%205.517v.007c-.428.211-3.564%201.8-4.3%203.42c-.774%201.712.123%202.94.718%203.105A4.4%204.4%200%200%200%2013.78%2024.5a4.82%204.82%200%200%200%20.472-4.288a5.6%205.6%200%200%201%202.143-.123c2.456.287%202.938%201.82%202.846%202.462a1.62%201.62%200%200%201-.779%201.1c-.172.107-.225.143-.21.223c.021.115.1.111.247.086a1.915%201.915%200%200%200%201.336-1.707c.059-1.5-1.382-3.186-3.934-3.143a6.7%206.7%200%200%200-2.189.3l-.108-.12c-1.578-1.683-4.494-2.874-4.371-5.137c.045-.823.331-2.989%205.6-5.617c4.32-2.153%207.778-1.56%208.376-.247c.854%201.876-1.848%205.361-6.334%205.864a3.37%203.37%200%200%201-2.833-.718c-.236-.26-.271-.271-.359-.223c-.143.079-.052.309%200%20.445a2.66%202.66%200%200%200%201.621%201.274a8.6%208.6%200%200%200%205.258-.52c2.721-1.049%204.843-3.974%204.22-6.419M13.218%2020.663a3.6%203.6%200%200%201-.029%202.092q-.035.106-.077.21t-.091.2a4%204%200%200%201-.647.943c-.813.887-1.95%201.223-2.437.94c-.526-.305-.263-1.556.68-2.553a9.5%209.5%200%200%201%202.474-1.762Z%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-scss2.svg?color=%231a73e8&size=48
