folder turborepo logo

folder-turborepo from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
folder-turborepo
Set
Material Icon Theme
Style
Color
Viewbox
16×16
License
MIT

Related icons in Material Icon Theme

Use the folder turborepo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><defs><linearGradient id="SVGmQwji3QR" x1="7.645" x2="4.454" y1="3.452" y2="6.643" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#2196f3"/><stop offset=".85" stop-color="#f50057"/></linearGradient></defs><path fill="#546e7a" d="m6.922 3.768l-.644-.536A1 1 0 0 0 5.638 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7.562a1 1 0 0 1-.64-.232"/><path fill="#cfd8dc" d="M11.5 8A1.5 1.5 0 1 1 10 9.5A1.5 1.5 0 0 1 11.5 8m0-1A2.5 2.5 0 1 0 14 9.5A2.5 2.5 0 0 0 11.5 7"/><path fill="url(#SVGmQwji3QR)" d="M8 10a3.55 3.55 0 0 0 .75 1.705l-.71.713A4.53 4.53 0 0 1 7 10Zm7.972-1.001A4.51 4.51 0 0 0 12 5v1a3.543 3.543 0 0 1 0 7v1a4.515 4.515 0 0 0 3.972-5.001m-7.207 4.115A4.54 4.54 0 0 0 11 14v-1a3.55 3.55 0 0 1-1.515-.609Z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeFolderTurborepo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><defs><linearGradient id="SVGmQwji3QR" x1="7.645" x2="4.454" y1="3.452" y2="6.643" gradientUnits="userSpaceOnUse"><stop offset=".15" stopColor="#2196f3"/><stop offset=".85" stopColor="#f50057"/></linearGradient></defs><path fill="#546e7a" d="m6.922 3.768l-.644-.536A1 1 0 0 0 5.638 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7.562a1 1 0 0 1-.64-.232"/><path fill="#cfd8dc" d="M11.5 8A1.5 1.5 0 1 1 10 9.5A1.5 1.5 0 0 1 11.5 8m0-1A2.5 2.5 0 1 0 14 9.5A2.5 2.5 0 0 0 11.5 7"/><path fill="url(#SVGmQwji3QR)" d="M8 10a3.55 3.55 0 0 0 .75 1.705l-.71.713A4.53 4.53 0 0 1 7 10Zm7.972-1.001A4.51 4.51 0 0 0 12 5v1a3.543 3.543 0 0 1 0 7v1a4.515 4.515 0 0 0 3.972-5.001m-7.207 4.115A4.54 4.54 0 0 0 11 14v-1a3.55 3.55 0 0 1-1.515-.609Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><defs><linearGradient id="SVGmQwji3QR" x1="7.645" x2="4.454" y1="3.452" y2="6.643" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#2196f3"/><stop offset=".85" stop-color="#f50057"/></linearGradient></defs><path fill="#546e7a" d="m6.922 3.768l-.644-.536A1 1 0 0 0 5.638 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7.562a1 1 0 0 1-.64-.232"/><path fill="#cfd8dc" d="M11.5 8A1.5 1.5 0 1 1 10 9.5A1.5 1.5 0 0 1 11.5 8m0-1A2.5 2.5 0 1 0 14 9.5A2.5 2.5 0 0 0 11.5 7"/><path fill="url(#SVGmQwji3QR)" d="M8 10a3.55 3.55 0 0 0 .75 1.705l-.71.713A4.53 4.53 0 0 1 7 10Zm7.972-1.001A4.51 4.51 0 0 0 12 5v1a3.543 3.543 0 0 1 0 7v1a4.515 4.515 0 0 0 3.972-5.001m-7.207 4.115A4.54 4.54 0 0 0 11 14v-1a3.55 3.55 0 0 1-1.515-.609Z"/></svg>
</template>

CSS

.icon-folder-turborepo {
  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%2016%2016%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGmQwji3QR%22%20x1%3D%227.645%22%20x2%3D%224.454%22%20y1%3D%223.452%22%20y2%3D%226.643%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%232196f3%22%2F%3E%3Cstop%20offset%3D%22.85%22%20stop-color%3D%22%23f50057%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23546e7a%22%20d%3D%22m6.922%203.768l-.644-.536A1%201%200%200%200%205.638%203H2a1%201%200%200%200-1%201v8a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V5a1%201%200%200%200-1-1H7.562a1%201%200%200%201-.64-.232%22%2F%3E%3Cpath%20fill%3D%22%23cfd8dc%22%20d%3D%22M11.5%208A1.5%201.5%200%201%201%2010%209.5A1.5%201.5%200%200%201%2011.5%208m0-1A2.5%202.5%200%201%200%2014%209.5A2.5%202.5%200%200%200%2011.5%207%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmQwji3QR)%22%20d%3D%22M8%2010a3.55%203.55%200%200%200%20.75%201.705l-.71.713A4.53%204.53%200%200%201%207%2010Zm7.972-1.001A4.51%204.51%200%200%200%2012%205v1a3.543%203.543%200%200%201%200%207v1a4.515%204.515%200%200%200%203.972-5.001m-7.207%204.115A4.54%204.54%200%200%200%2011%2014v-1a3.55%203.55%200%200%201-1.515-.609Z%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%2016%2016%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGmQwji3QR%22%20x1%3D%227.645%22%20x2%3D%224.454%22%20y1%3D%223.452%22%20y2%3D%226.643%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%232196f3%22%2F%3E%3Cstop%20offset%3D%22.85%22%20stop-color%3D%22%23f50057%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23546e7a%22%20d%3D%22m6.922%203.768l-.644-.536A1%201%200%200%200%205.638%203H2a1%201%200%200%200-1%201v8a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V5a1%201%200%200%200-1-1H7.562a1%201%200%200%201-.64-.232%22%2F%3E%3Cpath%20fill%3D%22%23cfd8dc%22%20d%3D%22M11.5%208A1.5%201.5%200%201%201%2010%209.5A1.5%201.5%200%200%201%2011.5%208m0-1A2.5%202.5%200%201%200%2014%209.5A2.5%202.5%200%200%200%2011.5%207%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmQwji3QR)%22%20d%3D%22M8%2010a3.55%203.55%200%200%200%20.75%201.705l-.71.713A4.53%204.53%200%200%201%207%2010Zm7.972-1.001A4.51%204.51%200%200%200%2012%205v1a3.543%203.543%200%200%201%200%207v1a4.515%204.515%200%200%200%203.972-5.001m-7.207%204.115A4.54%204.54%200%200%200%2011%2014v-1a3.55%203.55%200%200%201-1.515-.609Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/folder-turborepo.svg?color=%231a73e8&size=48