Home/Libraries/Pepicons Pop! (Iconify)/tree

Pepicons Pop! (Iconify)

Tree

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 20 20"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M13.358 7.486a1 1 0 0 1-.344 1.371L11 10.067V19a1 1 0 1 1-2 0v-6.434l-2.015-1.209a1 1 0 0 1 1.03-1.714l.985.59V6a1 1 0 0 1 2 0v1.734l.986-.591a1 1 0 0 1 1.371.343M9.9 2c-.644 0-1.241.256-1.71.7c-.262.25-.482.56-.641.911a1 1 0 1 1-1.823-.823a4.9 4.9 0 0 1 1.087-1.537A4.47 4.47 0 0 1 9.9 0c1.195 0 2.277.48 3.087 1.251c.454.431.824.954 1.087 1.537a1 1 0 0 1-1.823.823a2.9 2.9 0 0 0-.642-.91A2.47 2.47 0 0 0 9.9 2"/><path d="M12.183 3.294a1.02 1.02 0 0 1 .895-1.11c2.606-.299 4.822 1.725 5.082 4.35c.176 1.772-.563 3.453-1.854 4.469a.99.99 0 0 1-1.4-.162a1.01 1.01 0 0 1 .183-1.407c.73-.575 1.193-1.57 1.084-2.672c-.165-1.663-1.522-2.745-2.898-2.587a.98.98 0 0 1-1.092-.88"/><path d="M15.417 9.353a1.013 1.013 0 0 1 1.214.74c.131.517.179 1.069.13 1.632c-.215 2.463-2.506 4.157-4.682 3.937c-.59-.06-1.225-.174-1.791-.502c-.605-.35-1.032-.886-1.315-1.6a.99.99 0 0 1 .557-1.293a1.01 1.01 0 0 1 1.298.576c.143.362.297.503.442.587c.184.107.47.187.983.24c1.12.113 2.403-.825 2.518-2.146c.03-.34 0-.664-.075-.963a.987.987 0 0 1 .72-1.208M7.621 3.294a1.02 1.02 0 0 0-.895-1.11C4.12 1.886 1.905 3.91 1.644 6.535c-.175 1.772.563 3.453 1.855 4.469a.99.99 0 0 0 1.4-.162a1.01 1.01 0 0 0-.183-1.407c-.731-.575-1.194-1.57-1.085-2.672C3.796 5.1 5.153 4.017 6.53 4.175a.98.98 0 0 0 1.092-.88"/><path d="M4.388 9.353a1.013 1.013 0 0 0-1.215.74a4.9 4.9 0 0 0-.13 1.632c.216 2.463 2.507 4.157 4.682 3.937c.591-.06 1.226-.174 1.792-.502c.605-.35 1.032-.886 1.315-1.6a.99.99 0 0 0-.557-1.293a1.01 1.01 0 0 0-1.298.576c-.143.362-.297.503-.443.587c-.184.107-.469.187-.982.24c-1.12.113-2.403-.825-2.518-2.146c-.03-.34 0-.664.075-.963a.987.987 0 0 0-.721-1.208"/></g></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 @iconify/react) 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. TreeIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.