file type cf2 logo
file-type-cf2 from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-cf2
- 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 cf2 logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#909090" d="m24.037 2.072l5.564 5.8v22.056H8.814V30H29.67V7.945z"/><path fill="#27434f" d="M23.965 2H8.742v27.928H29.6V7.873z"/><path fill="#4c4442" d="M23.893 2.072v5.873h5.633z"/><path fill="#e5f3fc" d="M23.965 2v5.873H29.6z"/><path fill="#909090" d="M2.384 10.264h6.358V3.432H2.384Z"/><path fill="#4c4442" d="M8.742 10.264h13.719V3.432H8.742z"/><path fill="#e5f3fc" d="M22.407 10.211H2.33V3.378h20.077zm-4.14 4.475a3.9 3.9 0 0 1 1.692.2c.054.032.068.063.068.158v1.374c0 .126-.054.126-.095.095a3.56 3.56 0 0 0-1.611-.273c-1.751 0-2.945 1.358-2.945 3.648c0 2.906 1.683 3.617 2.9 3.617a3.5 3.5 0 0 0 1.643-.244c.068-.032.1-.016.1.079v1.34a.19.19 0 0 1-.081.189a4.14 4.14 0 0 1-1.928.23c-2.172.016-4.248-1.408-4.248-5.167c0-2.985 1.765-5.246 4.506-5.246m6.532-.31c-1.625 0-2.582 1.12-2.582 3.079v.245h-.9a.08.08 0 0 0-.091.091V18.9a.106.106 0 0 0 .091.121l.9.015v6.017c0 .091.03.121.106.121h1.534c.091 0 .121-.046.121-.121v-6l1.291-.03c.076 0 .091-.03.091-.106v-1.129c0-.061-.015-.091-.091-.091h-1.294v-.349c0-1.276.516-1.484 1.108-1.484a1.6 1.6 0 0 1 .268.024v-1.46a3 3 0 0 0-.556-.052"/><path fill="#27434f" d="M14.215 9.237c0 .045-.013.06-.051.06h-.686q-.038-.002-.038-.06V4.489c0-.045.006-.052.045-.052h2.468c.038 0 .051.007.058.052l.058.6c.006.045-.006.067-.045.067h-1.809v1.42h1.622c.038 0 .051.015.051.052v.619a.046.046 0 0 1-.051.052h-1.622zm-2.353-4.8a1.8 1.8 0 0 1 .79.092c.025.015.032.029.032.074v.641c0 .059-.025.059-.044.044a1.66 1.66 0 0 0-.752-.127c-.817 0-1.375.634-1.375 1.7c0 1.356.785 1.688 1.356 1.688a1.64 1.64 0 0 0 .767-.114c.032-.015.044-.007.044.037V9.1a.09.09 0 0 1-.038.088a1.9 1.9 0 0 1-.9.107c-1.014.007-1.983-.657-1.983-2.411a2.2 2.2 0 0 1 2.1-2.448"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeCf2(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#909090" d="m24.037 2.072l5.564 5.8v22.056H8.814V30H29.67V7.945z"/><path fill="#27434f" d="M23.965 2H8.742v27.928H29.6V7.873z"/><path fill="#4c4442" d="M23.893 2.072v5.873h5.633z"/><path fill="#e5f3fc" d="M23.965 2v5.873H29.6z"/><path fill="#909090" d="M2.384 10.264h6.358V3.432H2.384Z"/><path fill="#4c4442" d="M8.742 10.264h13.719V3.432H8.742z"/><path fill="#e5f3fc" d="M22.407 10.211H2.33V3.378h20.077zm-4.14 4.475a3.9 3.9 0 0 1 1.692.2c.054.032.068.063.068.158v1.374c0 .126-.054.126-.095.095a3.56 3.56 0 0 0-1.611-.273c-1.751 0-2.945 1.358-2.945 3.648c0 2.906 1.683 3.617 2.9 3.617a3.5 3.5 0 0 0 1.643-.244c.068-.032.1-.016.1.079v1.34a.19.19 0 0 1-.081.189a4.14 4.14 0 0 1-1.928.23c-2.172.016-4.248-1.408-4.248-5.167c0-2.985 1.765-5.246 4.506-5.246m6.532-.31c-1.625 0-2.582 1.12-2.582 3.079v.245h-.9a.08.08 0 0 0-.091.091V18.9a.106.106 0 0 0 .091.121l.9.015v6.017c0 .091.03.121.106.121h1.534c.091 0 .121-.046.121-.121v-6l1.291-.03c.076 0 .091-.03.091-.106v-1.129c0-.061-.015-.091-.091-.091h-1.294v-.349c0-1.276.516-1.484 1.108-1.484a1.6 1.6 0 0 1 .268.024v-1.46a3 3 0 0 0-.556-.052"/><path fill="#27434f" d="M14.215 9.237c0 .045-.013.06-.051.06h-.686q-.038-.002-.038-.06V4.489c0-.045.006-.052.045-.052h2.468c.038 0 .051.007.058.052l.058.6c.006.045-.006.067-.045.067h-1.809v1.42h1.622c.038 0 .051.015.051.052v.619a.046.046 0 0 1-.051.052h-1.622zm-2.353-4.8a1.8 1.8 0 0 1 .79.092c.025.015.032.029.032.074v.641c0 .059-.025.059-.044.044a1.66 1.66 0 0 0-.752-.127c-.817 0-1.375.634-1.375 1.7c0 1.356.785 1.688 1.356 1.688a1.64 1.64 0 0 0 .767-.114c.032-.015.044-.007.044.037V9.1a.09.09 0 0 1-.038.088a1.9 1.9 0 0 1-.9.107c-1.014.007-1.983-.657-1.983-2.411a2.2 2.2 0 0 1 2.1-2.448"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#909090" d="m24.037 2.072l5.564 5.8v22.056H8.814V30H29.67V7.945z"/><path fill="#27434f" d="M23.965 2H8.742v27.928H29.6V7.873z"/><path fill="#4c4442" d="M23.893 2.072v5.873h5.633z"/><path fill="#e5f3fc" d="M23.965 2v5.873H29.6z"/><path fill="#909090" d="M2.384 10.264h6.358V3.432H2.384Z"/><path fill="#4c4442" d="M8.742 10.264h13.719V3.432H8.742z"/><path fill="#e5f3fc" d="M22.407 10.211H2.33V3.378h20.077zm-4.14 4.475a3.9 3.9 0 0 1 1.692.2c.054.032.068.063.068.158v1.374c0 .126-.054.126-.095.095a3.56 3.56 0 0 0-1.611-.273c-1.751 0-2.945 1.358-2.945 3.648c0 2.906 1.683 3.617 2.9 3.617a3.5 3.5 0 0 0 1.643-.244c.068-.032.1-.016.1.079v1.34a.19.19 0 0 1-.081.189a4.14 4.14 0 0 1-1.928.23c-2.172.016-4.248-1.408-4.248-5.167c0-2.985 1.765-5.246 4.506-5.246m6.532-.31c-1.625 0-2.582 1.12-2.582 3.079v.245h-.9a.08.08 0 0 0-.091.091V18.9a.106.106 0 0 0 .091.121l.9.015v6.017c0 .091.03.121.106.121h1.534c.091 0 .121-.046.121-.121v-6l1.291-.03c.076 0 .091-.03.091-.106v-1.129c0-.061-.015-.091-.091-.091h-1.294v-.349c0-1.276.516-1.484 1.108-1.484a1.6 1.6 0 0 1 .268.024v-1.46a3 3 0 0 0-.556-.052"/><path fill="#27434f" d="M14.215 9.237c0 .045-.013.06-.051.06h-.686q-.038-.002-.038-.06V4.489c0-.045.006-.052.045-.052h2.468c.038 0 .051.007.058.052l.058.6c.006.045-.006.067-.045.067h-1.809v1.42h1.622c.038 0 .051.015.051.052v.619a.046.046 0 0 1-.051.052h-1.622zm-2.353-4.8a1.8 1.8 0 0 1 .79.092c.025.015.032.029.032.074v.641c0 .059-.025.059-.044.044a1.66 1.66 0 0 0-.752-.127c-.817 0-1.375.634-1.375 1.7c0 1.356.785 1.688 1.356 1.688a1.64 1.64 0 0 0 .767-.114c.032-.015.044-.007.044.037V9.1a.09.09 0 0 1-.038.088a1.9 1.9 0 0 1-.9.107c-1.014.007-1.983-.657-1.983-2.411a2.2 2.2 0 0 1 2.1-2.448"/></svg> </template>
CSS
.icon-file-type-cf2 {
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%23909090%22%20d%3D%22m24.037%202.072l5.564%205.8v22.056H8.814V30H29.67V7.945z%22%2F%3E%3Cpath%20fill%3D%22%2327434f%22%20d%3D%22M23.965%202H8.742v27.928H29.6V7.873z%22%2F%3E%3Cpath%20fill%3D%22%234c4442%22%20d%3D%22M23.893%202.072v5.873h5.633z%22%2F%3E%3Cpath%20fill%3D%22%23e5f3fc%22%20d%3D%22M23.965%202v5.873H29.6z%22%2F%3E%3Cpath%20fill%3D%22%23909090%22%20d%3D%22M2.384%2010.264h6.358V3.432H2.384Z%22%2F%3E%3Cpath%20fill%3D%22%234c4442%22%20d%3D%22M8.742%2010.264h13.719V3.432H8.742z%22%2F%3E%3Cpath%20fill%3D%22%23e5f3fc%22%20d%3D%22M22.407%2010.211H2.33V3.378h20.077zm-4.14%204.475a3.9%203.9%200%200%201%201.692.2c.054.032.068.063.068.158v1.374c0%20.126-.054.126-.095.095a3.56%203.56%200%200%200-1.611-.273c-1.751%200-2.945%201.358-2.945%203.648c0%202.906%201.683%203.617%202.9%203.617a3.5%203.5%200%200%200%201.643-.244c.068-.032.1-.016.1.079v1.34a.19.19%200%200%201-.081.189a4.14%204.14%200%200%201-1.928.23c-2.172.016-4.248-1.408-4.248-5.167c0-2.985%201.765-5.246%204.506-5.246m6.532-.31c-1.625%200-2.582%201.12-2.582%203.079v.245h-.9a.08.08%200%200%200-.091.091V18.9a.106.106%200%200%200%20.091.121l.9.015v6.017c0%20.091.03.121.106.121h1.534c.091%200%20.121-.046.121-.121v-6l1.291-.03c.076%200%20.091-.03.091-.106v-1.129c0-.061-.015-.091-.091-.091h-1.294v-.349c0-1.276.516-1.484%201.108-1.484a1.6%201.6%200%200%201%20.268.024v-1.46a3%203%200%200%200-.556-.052%22%2F%3E%3Cpath%20fill%3D%22%2327434f%22%20d%3D%22M14.215%209.237c0%20.045-.013.06-.051.06h-.686q-.038-.002-.038-.06V4.489c0-.045.006-.052.045-.052h2.468c.038%200%20.051.007.058.052l.058.6c.006.045-.006.067-.045.067h-1.809v1.42h1.622c.038%200%20.051.015.051.052v.619a.046.046%200%200%201-.051.052h-1.622zm-2.353-4.8a1.8%201.8%200%200%201%20.79.092c.025.015.032.029.032.074v.641c0%20.059-.025.059-.044.044a1.66%201.66%200%200%200-.752-.127c-.817%200-1.375.634-1.375%201.7c0%201.356.785%201.688%201.356%201.688a1.64%201.64%200%200%200%20.767-.114c.032-.015.044-.007.044.037V9.1a.09.09%200%200%201-.038.088a1.9%201.9%200%200%201-.9.107c-1.014.007-1.983-.657-1.983-2.411a2.2%202.2%200%200%201%202.1-2.448%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%23909090%22%20d%3D%22m24.037%202.072l5.564%205.8v22.056H8.814V30H29.67V7.945z%22%2F%3E%3Cpath%20fill%3D%22%2327434f%22%20d%3D%22M23.965%202H8.742v27.928H29.6V7.873z%22%2F%3E%3Cpath%20fill%3D%22%234c4442%22%20d%3D%22M23.893%202.072v5.873h5.633z%22%2F%3E%3Cpath%20fill%3D%22%23e5f3fc%22%20d%3D%22M23.965%202v5.873H29.6z%22%2F%3E%3Cpath%20fill%3D%22%23909090%22%20d%3D%22M2.384%2010.264h6.358V3.432H2.384Z%22%2F%3E%3Cpath%20fill%3D%22%234c4442%22%20d%3D%22M8.742%2010.264h13.719V3.432H8.742z%22%2F%3E%3Cpath%20fill%3D%22%23e5f3fc%22%20d%3D%22M22.407%2010.211H2.33V3.378h20.077zm-4.14%204.475a3.9%203.9%200%200%201%201.692.2c.054.032.068.063.068.158v1.374c0%20.126-.054.126-.095.095a3.56%203.56%200%200%200-1.611-.273c-1.751%200-2.945%201.358-2.945%203.648c0%202.906%201.683%203.617%202.9%203.617a3.5%203.5%200%200%200%201.643-.244c.068-.032.1-.016.1.079v1.34a.19.19%200%200%201-.081.189a4.14%204.14%200%200%201-1.928.23c-2.172.016-4.248-1.408-4.248-5.167c0-2.985%201.765-5.246%204.506-5.246m6.532-.31c-1.625%200-2.582%201.12-2.582%203.079v.245h-.9a.08.08%200%200%200-.091.091V18.9a.106.106%200%200%200%20.091.121l.9.015v6.017c0%20.091.03.121.106.121h1.534c.091%200%20.121-.046.121-.121v-6l1.291-.03c.076%200%20.091-.03.091-.106v-1.129c0-.061-.015-.091-.091-.091h-1.294v-.349c0-1.276.516-1.484%201.108-1.484a1.6%201.6%200%200%201%20.268.024v-1.46a3%203%200%200%200-.556-.052%22%2F%3E%3Cpath%20fill%3D%22%2327434f%22%20d%3D%22M14.215%209.237c0%20.045-.013.06-.051.06h-.686q-.038-.002-.038-.06V4.489c0-.045.006-.052.045-.052h2.468c.038%200%20.051.007.058.052l.058.6c.006.045-.006.067-.045.067h-1.809v1.42h1.622c.038%200%20.051.015.051.052v.619a.046.046%200%200%201-.051.052h-1.622zm-2.353-4.8a1.8%201.8%200%200%201%20.79.092c.025.015.032.029.032.074v.641c0%20.059-.025.059-.044.044a1.66%201.66%200%200%200-.752-.127c-.817%200-1.375.634-1.375%201.7c0%201.356.785%201.688%201.356%201.688a1.64%201.64%200%200%200%20.767-.114c.032-.015.044-.007.044.037V9.1a.09.09%200%200%201-.038.088a1.9%201.9%200%200%201-.9.107c-1.014.007-1.983-.657-1.983-2.411a2.2%202.2%200%200%201%202.1-2.448%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-cf2.svg?color=%231a73e8&size=48
