Home/Libraries/PatternFly Icons/treeview

PatternFly Icons

TreeviewIcon

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" class="pf-v6-svg" fill="#818cf8" viewBox="0 0 1024 1024" aria-hidden="true" role="img" width="256" height="256"><path d="M1110.73911,0 L41.1428663,0 C18.4204327,0 0,19.1026667 0,42.6666667 L0,127.877333 C0,151.509333 18.473147,170.666667 41.2611521,170.666667 L1110.73911,170.666667 C1133.52711,170.666667 1152.00026,151.509333 1152.00026,127.877333 L1152.00026,42.7893333 C1152.00026,19.1573333 1133.52711,0 1110.73911,0 M1110.73911,426.666667 L452.57153,426.666667 C429.849096,426.666667 411.428663,445.769333 411.428663,469.333333 L411.428663,554.544 C411.428663,578.176 429.90181,597.333333 452.689815,597.333333 L1110.73911,597.333333 C1133.52711,597.333333 1152.00026,578.176 1152.00026,554.544 L1152.00026,469.456 C1152.00026,445.824 1133.52711,426.666667 1110.73911,426.666667 M308.571497,469.333333 L82.2857327,469.333333 L82.2857327,277.333333 C82.2857327,265.550667 73.0748735,256 61.7142995,256 L20.5714332,256 C9.20957348,256 0,265.550667 0,277.333333 L0,490.666667 L0,533.333333 L0,896 L0,960 C0,971.782667 9.20957348,981.333333 20.5714332,981.333333 L61.7142995,981.333333 L308.571497,981.333333 C319.932071,981.333333 329.142931,971.782667 329.142931,960 L329.142931,917.333333 C329.142931,905.550667 319.932071,896 308.571497,896 L82.2857327,896 L82.2857327,554.666667 L308.571497,554.666667 C319.932071,554.666667 329.142931,545.116 329.142931,533.333333 L329.142931,490.666667 C329.142931,478.884 319.932071,469.333333 308.571497,469.333333 M1152.00026,896.122667 L1152.00026,981.210667 C1152.00026,1004.84267 1133.52711,1024 1110.73911,1024 L452.689815,1024 C429.90181,1024 411.428663,1004.84267 411.428663,981.210667 L411.428663,896 C411.428663,872.436 429.849096,853.333333 452.57153,853.333333 L1110.73911,853.333333 C1133.52711,853.333333 1152.00026,872.490667 1152.00026,896.122667"></path></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @patternfly/react-icons) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. TreeviewIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in PatternFly Icons

Browse all PatternFly Icons icons →

accessible-icon

accusoft

acquisitions-incorporated

adn