folder type cloudflare logo
folder-type-cloudflare from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- folder-type-cloudflare
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
folder-type-androidfolder-type-android-openedfolder-type-angularfolder-type-angular-openedfolder-type-apachefolder-type-apache-openedfolder-type-apifolder-type-api-openedfolder-type-appfolder-type-app-openedfolder-type-arangodbfolder-type-arangodb-openedfolder-type-assetfolder-type-asset-openedfolder-type-astrofolder-type-astro-openedfolder-type-audiofolder-type-audio-openedfolder-type-aureliafolder-type-aurelia-openedfolder-type-awsfolder-type-aws-openedfolder-type-azurefolder-type-azure-opened
Use the folder type cloudflare logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#b26a05" d="M27.347 5.526h-9.3l-2.1 4.2h-11.7v16.8h25.2v-21zm0 4.2h-8.2l1.1-2.1h7.1z"/><path fill="#fff" d="m29.22 21.037l-2.955-.686l-.527-.21l-13.561.105v6.543l17.043.053z" class="a"/><path fill="#f48120" d="M23.68 26.208a1.5 1.5 0 0 0-.158-1.371a1.63 1.63 0 0 0-1.109-.58l-9.181-.106c-.053 0-.106-.053-.158-.053a.1.1 0 0 1 0-.159c.052-.105.105-.158.21-.158l9.235-.105a3.32 3.32 0 0 0 2.691-2.005l.528-1.372c0-.053.052-.106 0-.159a6.013 6.013 0 0 0-11.556-.633a2.88 2.88 0 0 0-1.9-.528a2.75 2.75 0 0 0-2.427 2.428a2.9 2.9 0 0 0 .053.95a3.853 3.853 0 0 0-3.747 3.851a2.2 2.2 0 0 0 .053.58a.17.17 0 0 0 .158.16H23.31c.106 0 .212-.054.212-.16z" class="b"/><path fill="#faad3f" d="M26.582 20.299h-.264c-.053 0-.105.052-.158.105l-.37 1.267a1.5 1.5 0 0 0 .159 1.371a1.63 1.63 0 0 0 1.108.58l1.952.106c.053 0 .106.053.159.053a.1.1 0 0 1 0 .158c-.053.106-.106.159-.211.159l-2.006.105a3.32 3.32 0 0 0-2.69 2.005l-.106.475c-.053.053 0 .159.105.159h6.965a.14.14 0 0 0 .159-.159a5.7 5.7 0 0 0 .21-1.372a5.045 5.045 0 0 0-5.012-5.012" class="c"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFolderTypeCloudflare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#b26a05" d="M27.347 5.526h-9.3l-2.1 4.2h-11.7v16.8h25.2v-21zm0 4.2h-8.2l1.1-2.1h7.1z"/><path fill="#fff" d="m29.22 21.037l-2.955-.686l-.527-.21l-13.561.105v6.543l17.043.053z" className="a"/><path fill="#f48120" d="M23.68 26.208a1.5 1.5 0 0 0-.158-1.371a1.63 1.63 0 0 0-1.109-.58l-9.181-.106c-.053 0-.106-.053-.158-.053a.1.1 0 0 1 0-.159c.052-.105.105-.158.21-.158l9.235-.105a3.32 3.32 0 0 0 2.691-2.005l.528-1.372c0-.053.052-.106 0-.159a6.013 6.013 0 0 0-11.556-.633a2.88 2.88 0 0 0-1.9-.528a2.75 2.75 0 0 0-2.427 2.428a2.9 2.9 0 0 0 .053.95a3.853 3.853 0 0 0-3.747 3.851a2.2 2.2 0 0 0 .053.58a.17.17 0 0 0 .158.16H23.31c.106 0 .212-.054.212-.16z" className="b"/><path fill="#faad3f" d="M26.582 20.299h-.264c-.053 0-.105.052-.158.105l-.37 1.267a1.5 1.5 0 0 0 .159 1.371a1.63 1.63 0 0 0 1.108.58l1.952.106c.053 0 .106.053.159.053a.1.1 0 0 1 0 .158c-.053.106-.106.159-.211.159l-2.006.105a3.32 3.32 0 0 0-2.69 2.005l-.106.475c-.053.053 0 .159.105.159h6.965a.14.14 0 0 0 .159-.159a5.7 5.7 0 0 0 .21-1.372a5.045 5.045 0 0 0-5.012-5.012" className="c"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#b26a05" d="M27.347 5.526h-9.3l-2.1 4.2h-11.7v16.8h25.2v-21zm0 4.2h-8.2l1.1-2.1h7.1z"/><path fill="#fff" d="m29.22 21.037l-2.955-.686l-.527-.21l-13.561.105v6.543l17.043.053z" class="a"/><path fill="#f48120" d="M23.68 26.208a1.5 1.5 0 0 0-.158-1.371a1.63 1.63 0 0 0-1.109-.58l-9.181-.106c-.053 0-.106-.053-.158-.053a.1.1 0 0 1 0-.159c.052-.105.105-.158.21-.158l9.235-.105a3.32 3.32 0 0 0 2.691-2.005l.528-1.372c0-.053.052-.106 0-.159a6.013 6.013 0 0 0-11.556-.633a2.88 2.88 0 0 0-1.9-.528a2.75 2.75 0 0 0-2.427 2.428a2.9 2.9 0 0 0 .053.95a3.853 3.853 0 0 0-3.747 3.851a2.2 2.2 0 0 0 .053.58a.17.17 0 0 0 .158.16H23.31c.106 0 .212-.054.212-.16z" class="b"/><path fill="#faad3f" d="M26.582 20.299h-.264c-.053 0-.105.052-.158.105l-.37 1.267a1.5 1.5 0 0 0 .159 1.371a1.63 1.63 0 0 0 1.108.58l1.952.106c.053 0 .106.053.159.053a.1.1 0 0 1 0 .158c-.053.106-.106.159-.211.159l-2.006.105a3.32 3.32 0 0 0-2.69 2.005l-.106.475c-.053.053 0 .159.105.159h6.965a.14.14 0 0 0 .159-.159a5.7 5.7 0 0 0 .21-1.372a5.045 5.045 0 0 0-5.012-5.012" class="c"/></svg> </template>
CSS
.icon-folder-type-cloudflare {
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%23b26a05%22%20d%3D%22M27.347%205.526h-9.3l-2.1%204.2h-11.7v16.8h25.2v-21zm0%204.2h-8.2l1.1-2.1h7.1z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m29.22%2021.037l-2.955-.686l-.527-.21l-13.561.105v6.543l17.043.053z%22%20class%3D%22a%22%2F%3E%3Cpath%20fill%3D%22%23f48120%22%20d%3D%22M23.68%2026.208a1.5%201.5%200%200%200-.158-1.371a1.63%201.63%200%200%200-1.109-.58l-9.181-.106c-.053%200-.106-.053-.158-.053a.1.1%200%200%201%200-.159c.052-.105.105-.158.21-.158l9.235-.105a3.32%203.32%200%200%200%202.691-2.005l.528-1.372c0-.053.052-.106%200-.159a6.013%206.013%200%200%200-11.556-.633a2.88%202.88%200%200%200-1.9-.528a2.75%202.75%200%200%200-2.427%202.428a2.9%202.9%200%200%200%20.053.95a3.853%203.853%200%200%200-3.747%203.851a2.2%202.2%200%200%200%20.053.58a.17.17%200%200%200%20.158.16H23.31c.106%200%20.212-.054.212-.16z%22%20class%3D%22b%22%2F%3E%3Cpath%20fill%3D%22%23faad3f%22%20d%3D%22M26.582%2020.299h-.264c-.053%200-.105.052-.158.105l-.37%201.267a1.5%201.5%200%200%200%20.159%201.371a1.63%201.63%200%200%200%201.108.58l1.952.106c.053%200%20.106.053.159.053a.1.1%200%200%201%200%20.158c-.053.106-.106.159-.211.159l-2.006.105a3.32%203.32%200%200%200-2.69%202.005l-.106.475c-.053.053%200%20.159.105.159h6.965a.14.14%200%200%200%20.159-.159a5.7%205.7%200%200%200%20.21-1.372a5.045%205.045%200%200%200-5.012-5.012%22%20class%3D%22c%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%23b26a05%22%20d%3D%22M27.347%205.526h-9.3l-2.1%204.2h-11.7v16.8h25.2v-21zm0%204.2h-8.2l1.1-2.1h7.1z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m29.22%2021.037l-2.955-.686l-.527-.21l-13.561.105v6.543l17.043.053z%22%20class%3D%22a%22%2F%3E%3Cpath%20fill%3D%22%23f48120%22%20d%3D%22M23.68%2026.208a1.5%201.5%200%200%200-.158-1.371a1.63%201.63%200%200%200-1.109-.58l-9.181-.106c-.053%200-.106-.053-.158-.053a.1.1%200%200%201%200-.159c.052-.105.105-.158.21-.158l9.235-.105a3.32%203.32%200%200%200%202.691-2.005l.528-1.372c0-.053.052-.106%200-.159a6.013%206.013%200%200%200-11.556-.633a2.88%202.88%200%200%200-1.9-.528a2.75%202.75%200%200%200-2.427%202.428a2.9%202.9%200%200%200%20.053.95a3.853%203.853%200%200%200-3.747%203.851a2.2%202.2%200%200%200%20.053.58a.17.17%200%200%200%20.158.16H23.31c.106%200%20.212-.054.212-.16z%22%20class%3D%22b%22%2F%3E%3Cpath%20fill%3D%22%23faad3f%22%20d%3D%22M26.582%2020.299h-.264c-.053%200-.105.052-.158.105l-.37%201.267a1.5%201.5%200%200%200%20.159%201.371a1.63%201.63%200%200%200%201.108.58l1.952.106c.053%200%20.106.053.159.053a.1.1%200%200%201%200%20.158c-.053.106-.106.159-.211.159l-2.006.105a3.32%203.32%200%200%200-2.69%202.005l-.106.475c-.053.053%200%20.159.105.159h6.965a.14.14%200%200%200%20.159-.159a5.7%205.7%200%200%200%20.21-1.372a5.045%205.045%200%200%200-5.012-5.012%22%20class%3D%22c%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/folder-type-cloudflare.svg?color=%231a73e8&size=48
