folder star icon

folder-star-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: folder-star-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

folder-star folder-star-duotone folder-star-fill folder-star-light folder-star-thin

The same icon in other sets

folder-starMaterial Design Icons folder-star-fillMingCute Icon folder-starTabler Icons

Related icons in Phosphor

folder-dashed folder-dotted folder-lock folder-minus folder-notch folder-notch-minus folder-notch-open folder-notch-plus folder-open folder-plus folder-simple folder-simple-dashed folder-simple-dotted folder-simple-lock folder-simple-minus folder-simple-plus folder-simple-star folder-simple-user folder-user

Use the folder star icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M112.56 196H44V92h168v20a12 12 0 0 0 24 0V88a20 20 0 0 0-20-20h-82.61l-26-29.29A20 20 0 0 0 92.41 32H40a20 20 0 0 0-20 20v148.62A19.41 19.41 0 0 0 39.38 220h73.18a12 12 0 0 0 0-24M44 56h46.61l10.67 12H44Zm199.44 102a12 12 0 0 0-10.52-8.34l-27.42-2.12l-10.5-24.29a12 12 0 0 0-22 0l-10.5 24.28l-27.42 2.12a12 12 0 0 0-6.72 21.22l20.58 17l-6.25 25.26a12 12 0 0 0 17.73 13.22L184 212.46l23.58 13.88a12 12 0 0 0 17.73-13.22l-6.25-25.26l20.58-17a12 12 0 0 0 3.8-12.86M198 174.16a12 12 0 0 0-4 12.13l1.21 4.89l-5.07-3a12.06 12.06 0 0 0-12.18 0l-5.07 3l1.21-4.89a12 12 0 0 0-4-12.13l-3.48-2.87l5-.39a12 12 0 0 0 10.1-7.21l2.33-5.4l2.33 5.4a12 12 0 0 0 10.09 7.21l5 .39Z"/></svg>

React

import type { SVGProps } from "react";

export function PhFolderStarBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M112.56 196H44V92h168v20a12 12 0 0 0 24 0V88a20 20 0 0 0-20-20h-82.61l-26-29.29A20 20 0 0 0 92.41 32H40a20 20 0 0 0-20 20v148.62A19.41 19.41 0 0 0 39.38 220h73.18a12 12 0 0 0 0-24M44 56h46.61l10.67 12H44Zm199.44 102a12 12 0 0 0-10.52-8.34l-27.42-2.12l-10.5-24.29a12 12 0 0 0-22 0l-10.5 24.28l-27.42 2.12a12 12 0 0 0-6.72 21.22l20.58 17l-6.25 25.26a12 12 0 0 0 17.73 13.22L184 212.46l23.58 13.88a12 12 0 0 0 17.73-13.22l-6.25-25.26l20.58-17a12 12 0 0 0 3.8-12.86M198 174.16a12 12 0 0 0-4 12.13l1.21 4.89l-5.07-3a12.06 12.06 0 0 0-12.18 0l-5.07 3l1.21-4.89a12 12 0 0 0-4-12.13l-3.48-2.87l5-.39a12 12 0 0 0 10.1-7.21l2.33-5.4l2.33 5.4a12 12 0 0 0 10.09 7.21l5 .39Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M112.56 196H44V92h168v20a12 12 0 0 0 24 0V88a20 20 0 0 0-20-20h-82.61l-26-29.29A20 20 0 0 0 92.41 32H40a20 20 0 0 0-20 20v148.62A19.41 19.41 0 0 0 39.38 220h73.18a12 12 0 0 0 0-24M44 56h46.61l10.67 12H44Zm199.44 102a12 12 0 0 0-10.52-8.34l-27.42-2.12l-10.5-24.29a12 12 0 0 0-22 0l-10.5 24.28l-27.42 2.12a12 12 0 0 0-6.72 21.22l20.58 17l-6.25 25.26a12 12 0 0 0 17.73 13.22L184 212.46l23.58 13.88a12 12 0 0 0 17.73-13.22l-6.25-25.26l20.58-17a12 12 0 0 0 3.8-12.86M198 174.16a12 12 0 0 0-4 12.13l1.21 4.89l-5.07-3a12.06 12.06 0 0 0-12.18 0l-5.07 3l1.21-4.89a12 12 0 0 0-4-12.13l-3.48-2.87l5-.39a12 12 0 0 0 10.1-7.21l2.33-5.4l2.33 5.4a12 12 0 0 0 10.09 7.21l5 .39Z"/></svg>
</template>

CSS

.icon-folder-star-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M112.56%20196H44V92h168v20a12%2012%200%200%200%2024%200V88a20%2020%200%200%200-20-20h-82.61l-26-29.29A20%2020%200%200%200%2092.41%2032H40a20%2020%200%200%200-20%2020v148.62A19.41%2019.41%200%200%200%2039.38%20220h73.18a12%2012%200%200%200%200-24M44%2056h46.61l10.67%2012H44Zm199.44%20102a12%2012%200%200%200-10.52-8.34l-27.42-2.12l-10.5-24.29a12%2012%200%200%200-22%200l-10.5%2024.28l-27.42%202.12a12%2012%200%200%200-6.72%2021.22l20.58%2017l-6.25%2025.26a12%2012%200%200%200%2017.73%2013.22L184%20212.46l23.58%2013.88a12%2012%200%200%200%2017.73-13.22l-6.25-25.26l20.58-17a12%2012%200%200%200%203.8-12.86M198%20174.16a12%2012%200%200%200-4%2012.13l1.21%204.89l-5.07-3a12.06%2012.06%200%200%200-12.18%200l-5.07%203l1.21-4.89a12%2012%200%200%200-4-12.13l-3.48-2.87l5-.39a12%2012%200%200%200%2010.1-7.21l2.33-5.4l2.33%205.4a12%2012%200%200%200%2010.09%207.21l5%20.39Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M112.56%20196H44V92h168v20a12%2012%200%200%200%2024%200V88a20%2020%200%200%200-20-20h-82.61l-26-29.29A20%2020%200%200%200%2092.41%2032H40a20%2020%200%200%200-20%2020v148.62A19.41%2019.41%200%200%200%2039.38%20220h73.18a12%2012%200%200%200%200-24M44%2056h46.61l10.67%2012H44Zm199.44%20102a12%2012%200%200%200-10.52-8.34l-27.42-2.12l-10.5-24.29a12%2012%200%200%200-22%200l-10.5%2024.28l-27.42%202.12a12%2012%200%200%200-6.72%2021.22l20.58%2017l-6.25%2025.26a12%2012%200%200%200%2017.73%2013.22L184%20212.46l23.58%2013.88a12%2012%200%200%200%2017.73-13.22l-6.25-25.26l20.58-17a12%2012%200%200%200%203.8-12.86M198%20174.16a12%2012%200%200%200-4%2012.13l1.21%204.89l-5.07-3a12.06%2012.06%200%200%200-12.18%200l-5.07%203l1.21-4.89a12%2012%200%200%200-4-12.13l-3.48-2.87l5-.39a12%2012%200%200%200%2010.1-7.21l2.33-5.4l2.33%205.4a12%2012%200%200%200%2010.09%207.21l5%20.39Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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