file type compass logo
file-type-compass from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-compass
- 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 compass logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><mask id="SVGfaJnYdZX" width="27.544" height="28" x="2.228" y="2" maskUnits="userSpaceOnUse"><path fill="#fff" d="M29.769 2c-.363 7.372-1.439 14.182-4.31 20.593c-2.2 4.921-7.243 7.483-12.926 6.762a12.35 12.35 0 0 1-10-9.325C1.373 14.745 3.556 9.216 8.245 6.809C14.864 3.411 22.1 2.444 29.769 2"/></mask></defs><g mask="url(#SVGfaJnYdZX)"><path fill="#e21708" d="M14.481 10.193s-.635 3.516-.887 5.3c-1.285-1-3.829-2.824-3.829-2.824s2 2.684 2.938 3.882c-1.79.2-5.379.762-5.379.762s3.67.59 5.379.788c-.991 1.255-2.947 3.8-2.947 3.8s2.658-1.836 3.852-2.756c.244 1.708.873 5.345.873 5.345s.576-3.634.8-5.405c1.181.92 3.673 2.842 3.673 2.842s-1.737-2.6-2.687-3.827c1.727-.2 5.237-.787 5.237-.787s-3.544-.564-5.225-.759c.87-1.179 2.692-3.887 2.692-3.887s-2.553 1.98-3.692 2.892c-.211-1.76-.793-5.364-.793-5.364M29.772 2.05c-.363 7.372-1.439 14.182-4.31 20.593c-2.2 4.921-7.243 7.483-12.926 6.762a12.35 12.35 0 0 1-10-9.325C1.375 14.795 3.559 9.265 8.248 6.858C14.867 3.461 22.1 2.494 29.772 2.05"/><path fill="#fa524a" fill-opacity=".3" d="M2.9 13.188a11.6 11.6 0 0 1 1.824-3.4c.3-.368.632-.736 1-1.116a11 11 0 0 1 1.038-.885q.506-.369 1.105-.721q.189-.107.384-.207a36 36 0 0 1 4.914-2.068A56.7 56.7 0 0 1 26.8 2.253c1.169-.089 2.182-.148 2.974-.2A80.8 80.8 0 0 0 12.2 7.785c-5.221 2.283-9.678 7.243-9.914 8.664a18 18 0 0 1 .614-3.261"/><path fill="#ae0e10" fill-opacity=".3" d="M12.674 29.9a12 12 0 0 1-1.565-.305a12.65 12.65 0 0 1-5.646-3.539a12.06 12.06 0 0 1-2.924-5.5a13 13 0 0 1-.308-2.868c.059 8.611 10.121 9.942 12.812 9.942c4.272 0 4.218-.851 10.853-5.517q-.211.506-.434 1.005a11.44 11.44 0 0 1-8.12 6.566A13.5 13.5 0 0 1 14.41 30a15 15 0 0 1-1.736-.1"/></g></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeCompass(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><mask id="SVGfaJnYdZX" width="27.544" height="28" x="2.228" y="2" maskUnits="userSpaceOnUse"><path fill="#fff" d="M29.769 2c-.363 7.372-1.439 14.182-4.31 20.593c-2.2 4.921-7.243 7.483-12.926 6.762a12.35 12.35 0 0 1-10-9.325C1.373 14.745 3.556 9.216 8.245 6.809C14.864 3.411 22.1 2.444 29.769 2"/></mask></defs><g mask="url(#SVGfaJnYdZX)"><path fill="#e21708" d="M14.481 10.193s-.635 3.516-.887 5.3c-1.285-1-3.829-2.824-3.829-2.824s2 2.684 2.938 3.882c-1.79.2-5.379.762-5.379.762s3.67.59 5.379.788c-.991 1.255-2.947 3.8-2.947 3.8s2.658-1.836 3.852-2.756c.244 1.708.873 5.345.873 5.345s.576-3.634.8-5.405c1.181.92 3.673 2.842 3.673 2.842s-1.737-2.6-2.687-3.827c1.727-.2 5.237-.787 5.237-.787s-3.544-.564-5.225-.759c.87-1.179 2.692-3.887 2.692-3.887s-2.553 1.98-3.692 2.892c-.211-1.76-.793-5.364-.793-5.364M29.772 2.05c-.363 7.372-1.439 14.182-4.31 20.593c-2.2 4.921-7.243 7.483-12.926 6.762a12.35 12.35 0 0 1-10-9.325C1.375 14.795 3.559 9.265 8.248 6.858C14.867 3.461 22.1 2.494 29.772 2.05"/><path fill="#fa524a" fillOpacity=".3" d="M2.9 13.188a11.6 11.6 0 0 1 1.824-3.4c.3-.368.632-.736 1-1.116a11 11 0 0 1 1.038-.885q.506-.369 1.105-.721q.189-.107.384-.207a36 36 0 0 1 4.914-2.068A56.7 56.7 0 0 1 26.8 2.253c1.169-.089 2.182-.148 2.974-.2A80.8 80.8 0 0 0 12.2 7.785c-5.221 2.283-9.678 7.243-9.914 8.664a18 18 0 0 1 .614-3.261"/><path fill="#ae0e10" fillOpacity=".3" d="M12.674 29.9a12 12 0 0 1-1.565-.305a12.65 12.65 0 0 1-5.646-3.539a12.06 12.06 0 0 1-2.924-5.5a13 13 0 0 1-.308-2.868c.059 8.611 10.121 9.942 12.812 9.942c4.272 0 4.218-.851 10.853-5.517q-.211.506-.434 1.005a11.44 11.44 0 0 1-8.12 6.566A13.5 13.5 0 0 1 14.41 30a15 15 0 0 1-1.736-.1"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><mask id="SVGfaJnYdZX" width="27.544" height="28" x="2.228" y="2" maskUnits="userSpaceOnUse"><path fill="#fff" d="M29.769 2c-.363 7.372-1.439 14.182-4.31 20.593c-2.2 4.921-7.243 7.483-12.926 6.762a12.35 12.35 0 0 1-10-9.325C1.373 14.745 3.556 9.216 8.245 6.809C14.864 3.411 22.1 2.444 29.769 2"/></mask></defs><g mask="url(#SVGfaJnYdZX)"><path fill="#e21708" d="M14.481 10.193s-.635 3.516-.887 5.3c-1.285-1-3.829-2.824-3.829-2.824s2 2.684 2.938 3.882c-1.79.2-5.379.762-5.379.762s3.67.59 5.379.788c-.991 1.255-2.947 3.8-2.947 3.8s2.658-1.836 3.852-2.756c.244 1.708.873 5.345.873 5.345s.576-3.634.8-5.405c1.181.92 3.673 2.842 3.673 2.842s-1.737-2.6-2.687-3.827c1.727-.2 5.237-.787 5.237-.787s-3.544-.564-5.225-.759c.87-1.179 2.692-3.887 2.692-3.887s-2.553 1.98-3.692 2.892c-.211-1.76-.793-5.364-.793-5.364M29.772 2.05c-.363 7.372-1.439 14.182-4.31 20.593c-2.2 4.921-7.243 7.483-12.926 6.762a12.35 12.35 0 0 1-10-9.325C1.375 14.795 3.559 9.265 8.248 6.858C14.867 3.461 22.1 2.494 29.772 2.05"/><path fill="#fa524a" fill-opacity=".3" d="M2.9 13.188a11.6 11.6 0 0 1 1.824-3.4c.3-.368.632-.736 1-1.116a11 11 0 0 1 1.038-.885q.506-.369 1.105-.721q.189-.107.384-.207a36 36 0 0 1 4.914-2.068A56.7 56.7 0 0 1 26.8 2.253c1.169-.089 2.182-.148 2.974-.2A80.8 80.8 0 0 0 12.2 7.785c-5.221 2.283-9.678 7.243-9.914 8.664a18 18 0 0 1 .614-3.261"/><path fill="#ae0e10" fill-opacity=".3" d="M12.674 29.9a12 12 0 0 1-1.565-.305a12.65 12.65 0 0 1-5.646-3.539a12.06 12.06 0 0 1-2.924-5.5a13 13 0 0 1-.308-2.868c.059 8.611 10.121 9.942 12.812 9.942c4.272 0 4.218-.851 10.853-5.517q-.211.506-.434 1.005a11.44 11.44 0 0 1-8.12 6.566A13.5 13.5 0 0 1 14.41 30a15 15 0 0 1-1.736-.1"/></g></svg> </template>
CSS
.icon-file-type-compass {
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%3Cdefs%3E%3Cmask%20id%3D%22SVGfaJnYdZX%22%20width%3D%2227.544%22%20height%3D%2228%22%20x%3D%222.228%22%20y%3D%222%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M29.769%202c-.363%207.372-1.439%2014.182-4.31%2020.593c-2.2%204.921-7.243%207.483-12.926%206.762a12.35%2012.35%200%200%201-10-9.325C1.373%2014.745%203.556%209.216%208.245%206.809C14.864%203.411%2022.1%202.444%2029.769%202%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20mask%3D%22url(%23SVGfaJnYdZX)%22%3E%3Cpath%20fill%3D%22%23e21708%22%20d%3D%22M14.481%2010.193s-.635%203.516-.887%205.3c-1.285-1-3.829-2.824-3.829-2.824s2%202.684%202.938%203.882c-1.79.2-5.379.762-5.379.762s3.67.59%205.379.788c-.991%201.255-2.947%203.8-2.947%203.8s2.658-1.836%203.852-2.756c.244%201.708.873%205.345.873%205.345s.576-3.634.8-5.405c1.181.92%203.673%202.842%203.673%202.842s-1.737-2.6-2.687-3.827c1.727-.2%205.237-.787%205.237-.787s-3.544-.564-5.225-.759c.87-1.179%202.692-3.887%202.692-3.887s-2.553%201.98-3.692%202.892c-.211-1.76-.793-5.364-.793-5.364M29.772%202.05c-.363%207.372-1.439%2014.182-4.31%2020.593c-2.2%204.921-7.243%207.483-12.926%206.762a12.35%2012.35%200%200%201-10-9.325C1.375%2014.795%203.559%209.265%208.248%206.858C14.867%203.461%2022.1%202.494%2029.772%202.05%22%2F%3E%3Cpath%20fill%3D%22%23fa524a%22%20fill-opacity%3D%22.3%22%20d%3D%22M2.9%2013.188a11.6%2011.6%200%200%201%201.824-3.4c.3-.368.632-.736%201-1.116a11%2011%200%200%201%201.038-.885q.506-.369%201.105-.721q.189-.107.384-.207a36%2036%200%200%201%204.914-2.068A56.7%2056.7%200%200%201%2026.8%202.253c1.169-.089%202.182-.148%202.974-.2A80.8%2080.8%200%200%200%2012.2%207.785c-5.221%202.283-9.678%207.243-9.914%208.664a18%2018%200%200%201%20.614-3.261%22%2F%3E%3Cpath%20fill%3D%22%23ae0e10%22%20fill-opacity%3D%22.3%22%20d%3D%22M12.674%2029.9a12%2012%200%200%201-1.565-.305a12.65%2012.65%200%200%201-5.646-3.539a12.06%2012.06%200%200%201-2.924-5.5a13%2013%200%200%201-.308-2.868c.059%208.611%2010.121%209.942%2012.812%209.942c4.272%200%204.218-.851%2010.853-5.517q-.211.506-.434%201.005a11.44%2011.44%200%200%201-8.12%206.566A13.5%2013.5%200%200%201%2014.41%2030a15%2015%200%200%201-1.736-.1%22%2F%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%3Cdefs%3E%3Cmask%20id%3D%22SVGfaJnYdZX%22%20width%3D%2227.544%22%20height%3D%2228%22%20x%3D%222.228%22%20y%3D%222%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M29.769%202c-.363%207.372-1.439%2014.182-4.31%2020.593c-2.2%204.921-7.243%207.483-12.926%206.762a12.35%2012.35%200%200%201-10-9.325C1.373%2014.745%203.556%209.216%208.245%206.809C14.864%203.411%2022.1%202.444%2029.769%202%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20mask%3D%22url(%23SVGfaJnYdZX)%22%3E%3Cpath%20fill%3D%22%23e21708%22%20d%3D%22M14.481%2010.193s-.635%203.516-.887%205.3c-1.285-1-3.829-2.824-3.829-2.824s2%202.684%202.938%203.882c-1.79.2-5.379.762-5.379.762s3.67.59%205.379.788c-.991%201.255-2.947%203.8-2.947%203.8s2.658-1.836%203.852-2.756c.244%201.708.873%205.345.873%205.345s.576-3.634.8-5.405c1.181.92%203.673%202.842%203.673%202.842s-1.737-2.6-2.687-3.827c1.727-.2%205.237-.787%205.237-.787s-3.544-.564-5.225-.759c.87-1.179%202.692-3.887%202.692-3.887s-2.553%201.98-3.692%202.892c-.211-1.76-.793-5.364-.793-5.364M29.772%202.05c-.363%207.372-1.439%2014.182-4.31%2020.593c-2.2%204.921-7.243%207.483-12.926%206.762a12.35%2012.35%200%200%201-10-9.325C1.375%2014.795%203.559%209.265%208.248%206.858C14.867%203.461%2022.1%202.494%2029.772%202.05%22%2F%3E%3Cpath%20fill%3D%22%23fa524a%22%20fill-opacity%3D%22.3%22%20d%3D%22M2.9%2013.188a11.6%2011.6%200%200%201%201.824-3.4c.3-.368.632-.736%201-1.116a11%2011%200%200%201%201.038-.885q.506-.369%201.105-.721q.189-.107.384-.207a36%2036%200%200%201%204.914-2.068A56.7%2056.7%200%200%201%2026.8%202.253c1.169-.089%202.182-.148%202.974-.2A80.8%2080.8%200%200%200%2012.2%207.785c-5.221%202.283-9.678%207.243-9.914%208.664a18%2018%200%200%201%20.614-3.261%22%2F%3E%3Cpath%20fill%3D%22%23ae0e10%22%20fill-opacity%3D%22.3%22%20d%3D%22M12.674%2029.9a12%2012%200%200%201-1.565-.305a12.65%2012.65%200%200%201-5.646-3.539a12.06%2012.06%200%200%201-2.924-5.5a13%2013%200%200%201-.308-2.868c.059%208.611%2010.121%209.942%2012.812%209.942c4.272%200%204.218-.851%2010.853-5.517q-.211.506-.434%201.005a11.44%2011.44%200%200%201-8.12%206.566A13.5%2013.5%200%200%201%2014.41%2030a15%2015%200%200%201-1.736-.1%22%2F%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-compass.svg?color=%231a73e8&size=48
