folder connect icon
folder-connect from Reicon by REICON · Outline · Folders · MIT Free for personal and commercial use.
- Name
- folder-connect
- Set
- Reicon
- Style
- Outline
- Category
- Folders
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More folders icons from Reicon
Use the folder connect icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.896 4.774a3.22 3.22 0 0 0-1.419-1.419C18.782 3 18.019 3 16.501 3h-3.764c-.149 0-.303 0-.417-.043c-.031-.023-.135-.145-.228-.253l-.548-.639c-.195-.227-.323-.377-.51-.506a1.7 1.7 0 0 0-.542-.249c-.221-.06-.411-.06-.726-.06H7.502c-1.519 0-2.28 0-2.975.354a3.24 3.24 0 0 0-1.421 1.42c-.354.695-.354 1.457-.354 2.975v6c0 1.519 0 2.281.354 2.976a3.23 3.23 0 0 0 1.42 1.42c.695.354 1.457.354 2.975.354h3.75v2.628a2.26 2.26 0 0 0-1.372 1.372H5a.75.75 0 0 0 0 1.5h4.878a2.25 2.25 0 0 0 4.244 0H19a.75.75 0 0 0 0-1.5h-4.878a2.26 2.26 0 0 0-1.372-1.372v-2.628h3.75c1.519 0 2.281 0 2.976-.354a3.23 3.23 0 0 0 1.42-1.42c.354-.695.354-1.457.354-2.976v-4.25c0-1.518 0-2.279-.354-2.975M12 22.25a.75.75 0 1 1 0-1.5a.75.75 0 0 1 0 1.5M19.75 12c0 1.238 0 1.92-.19 2.294a1.74 1.74 0 0 1-.765.765c-.375.191-1.057.191-2.295.191h-9c-1.238 0-1.92 0-2.294-.191a1.76 1.76 0 0 1-.765-.764C4.25 13.92 4.25 13.238 4.25 12V6c0-1.238 0-1.92.19-2.294c.167-.327.438-.599.766-.765C5.58 2.75 6.262 2.75 7.5 2.75h2.264c.147 0 .3 0 .417.044c.03.023.128.137.228.253l.542.631c.197.23.327.383.515.512c.167.115.352.2.546.251c.22.058.41.058.724.058H16.5c1.238 0 1.92 0 2.295.191c.331.168.595.433.764.764c.191.375.191 1.056.191 2.294z"/></svg>
React
import type { SVGProps } from "react";
export function ReiconFolderConnect(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.896 4.774a3.22 3.22 0 0 0-1.419-1.419C18.782 3 18.019 3 16.501 3h-3.764c-.149 0-.303 0-.417-.043c-.031-.023-.135-.145-.228-.253l-.548-.639c-.195-.227-.323-.377-.51-.506a1.7 1.7 0 0 0-.542-.249c-.221-.06-.411-.06-.726-.06H7.502c-1.519 0-2.28 0-2.975.354a3.24 3.24 0 0 0-1.421 1.42c-.354.695-.354 1.457-.354 2.975v6c0 1.519 0 2.281.354 2.976a3.23 3.23 0 0 0 1.42 1.42c.695.354 1.457.354 2.975.354h3.75v2.628a2.26 2.26 0 0 0-1.372 1.372H5a.75.75 0 0 0 0 1.5h4.878a2.25 2.25 0 0 0 4.244 0H19a.75.75 0 0 0 0-1.5h-4.878a2.26 2.26 0 0 0-1.372-1.372v-2.628h3.75c1.519 0 2.281 0 2.976-.354a3.23 3.23 0 0 0 1.42-1.42c.354-.695.354-1.457.354-2.976v-4.25c0-1.518 0-2.279-.354-2.975M12 22.25a.75.75 0 1 1 0-1.5a.75.75 0 0 1 0 1.5M19.75 12c0 1.238 0 1.92-.19 2.294a1.74 1.74 0 0 1-.765.765c-.375.191-1.057.191-2.295.191h-9c-1.238 0-1.92 0-2.294-.191a1.76 1.76 0 0 1-.765-.764C4.25 13.92 4.25 13.238 4.25 12V6c0-1.238 0-1.92.19-2.294c.167-.327.438-.599.766-.765C5.58 2.75 6.262 2.75 7.5 2.75h2.264c.147 0 .3 0 .417.044c.03.023.128.137.228.253l.542.631c.197.23.327.383.515.512c.167.115.352.2.546.251c.22.058.41.058.724.058H16.5c1.238 0 1.92 0 2.295.191c.331.168.595.433.764.764c.191.375.191 1.056.191 2.294z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.896 4.774a3.22 3.22 0 0 0-1.419-1.419C18.782 3 18.019 3 16.501 3h-3.764c-.149 0-.303 0-.417-.043c-.031-.023-.135-.145-.228-.253l-.548-.639c-.195-.227-.323-.377-.51-.506a1.7 1.7 0 0 0-.542-.249c-.221-.06-.411-.06-.726-.06H7.502c-1.519 0-2.28 0-2.975.354a3.24 3.24 0 0 0-1.421 1.42c-.354.695-.354 1.457-.354 2.975v6c0 1.519 0 2.281.354 2.976a3.23 3.23 0 0 0 1.42 1.42c.695.354 1.457.354 2.975.354h3.75v2.628a2.26 2.26 0 0 0-1.372 1.372H5a.75.75 0 0 0 0 1.5h4.878a2.25 2.25 0 0 0 4.244 0H19a.75.75 0 0 0 0-1.5h-4.878a2.26 2.26 0 0 0-1.372-1.372v-2.628h3.75c1.519 0 2.281 0 2.976-.354a3.23 3.23 0 0 0 1.42-1.42c.354-.695.354-1.457.354-2.976v-4.25c0-1.518 0-2.279-.354-2.975M12 22.25a.75.75 0 1 1 0-1.5a.75.75 0 0 1 0 1.5M19.75 12c0 1.238 0 1.92-.19 2.294a1.74 1.74 0 0 1-.765.765c-.375.191-1.057.191-2.295.191h-9c-1.238 0-1.92 0-2.294-.191a1.76 1.76 0 0 1-.765-.764C4.25 13.92 4.25 13.238 4.25 12V6c0-1.238 0-1.92.19-2.294c.167-.327.438-.599.766-.765C5.58 2.75 6.262 2.75 7.5 2.75h2.264c.147 0 .3 0 .417.044c.03.023.128.137.228.253l.542.631c.197.23.327.383.515.512c.167.115.352.2.546.251c.22.058.41.058.724.058H16.5c1.238 0 1.92 0 2.295.191c.331.168.595.433.764.764c.191.375.191 1.056.191 2.294z"/></svg> </template>
CSS
.icon-folder-connect {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.896%204.774a3.22%203.22%200%200%200-1.419-1.419C18.782%203%2018.019%203%2016.501%203h-3.764c-.149%200-.303%200-.417-.043c-.031-.023-.135-.145-.228-.253l-.548-.639c-.195-.227-.323-.377-.51-.506a1.7%201.7%200%200%200-.542-.249c-.221-.06-.411-.06-.726-.06H7.502c-1.519%200-2.28%200-2.975.354a3.24%203.24%200%200%200-1.421%201.42c-.354.695-.354%201.457-.354%202.975v6c0%201.519%200%202.281.354%202.976a3.23%203.23%200%200%200%201.42%201.42c.695.354%201.457.354%202.975.354h3.75v2.628a2.26%202.26%200%200%200-1.372%201.372H5a.75.75%200%200%200%200%201.5h4.878a2.25%202.25%200%200%200%204.244%200H19a.75.75%200%200%200%200-1.5h-4.878a2.26%202.26%200%200%200-1.372-1.372v-2.628h3.75c1.519%200%202.281%200%202.976-.354a3.23%203.23%200%200%200%201.42-1.42c.354-.695.354-1.457.354-2.976v-4.25c0-1.518%200-2.279-.354-2.975M12%2022.25a.75.75%200%201%201%200-1.5a.75.75%200%200%201%200%201.5M19.75%2012c0%201.238%200%201.92-.19%202.294a1.74%201.74%200%200%201-.765.765c-.375.191-1.057.191-2.295.191h-9c-1.238%200-1.92%200-2.294-.191a1.76%201.76%200%200%201-.765-.764C4.25%2013.92%204.25%2013.238%204.25%2012V6c0-1.238%200-1.92.19-2.294c.167-.327.438-.599.766-.765C5.58%202.75%206.262%202.75%207.5%202.75h2.264c.147%200%20.3%200%20.417.044c.03.023.128.137.228.253l.542.631c.197.23.327.383.515.512c.167.115.352.2.546.251c.22.058.41.058.724.058H16.5c1.238%200%201.92%200%202.295.191c.331.168.595.433.764.764c.191.375.191%201.056.191%202.294z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.896%204.774a3.22%203.22%200%200%200-1.419-1.419C18.782%203%2018.019%203%2016.501%203h-3.764c-.149%200-.303%200-.417-.043c-.031-.023-.135-.145-.228-.253l-.548-.639c-.195-.227-.323-.377-.51-.506a1.7%201.7%200%200%200-.542-.249c-.221-.06-.411-.06-.726-.06H7.502c-1.519%200-2.28%200-2.975.354a3.24%203.24%200%200%200-1.421%201.42c-.354.695-.354%201.457-.354%202.975v6c0%201.519%200%202.281.354%202.976a3.23%203.23%200%200%200%201.42%201.42c.695.354%201.457.354%202.975.354h3.75v2.628a2.26%202.26%200%200%200-1.372%201.372H5a.75.75%200%200%200%200%201.5h4.878a2.25%202.25%200%200%200%204.244%200H19a.75.75%200%200%200%200-1.5h-4.878a2.26%202.26%200%200%200-1.372-1.372v-2.628h3.75c1.519%200%202.281%200%202.976-.354a3.23%203.23%200%200%200%201.42-1.42c.354-.695.354-1.457.354-2.976v-4.25c0-1.518%200-2.279-.354-2.975M12%2022.25a.75.75%200%201%201%200-1.5a.75.75%200%200%201%200%201.5M19.75%2012c0%201.238%200%201.92-.19%202.294a1.74%201.74%200%200%201-.765.765c-.375.191-1.057.191-2.295.191h-9c-1.238%200-1.92%200-2.294-.191a1.76%201.76%200%200%201-.765-.764C4.25%2013.92%204.25%2013.238%204.25%2012V6c0-1.238%200-1.92.19-2.294c.167-.327.438-.599.766-.765C5.58%202.75%206.262%202.75%207.5%202.75h2.264c.147%200%20.3%200%20.417.044c.03.023.128.137.228.253l.542.631c.197.23.327.383.515.512c.167.115.352.2.546.251c.22.058.41.058.724.058H16.5c1.238%200%201.92%200%202.295.191c.331.168.595.433.764.764c.191.375.191%201.056.191%202.294z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/folder-connect.svg?color=%231a73e8&size=48
