Tree Map Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Tree Map icon is commonly used in location finders, store locators and travel apps. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/320898.svg" alt="Tree Map icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320898.svg" alt="Tree Map icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320898.svg" alt="Tree Map icon" :width="24" :height="24" />
CSS background
.icon-tree-map {
background-image: url('https://proicons.com/icon/320898.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="tree--map_1_" d="M30,30.36H2c-0.199,0-0.36-0.161-0.36-0.36V2c0-0.199,0.161-0.36,0.36-0.36h28 c0.199,0,0.36,0.161,0.36,0.36v28C30.36,30.199,30.199,30.36,30,30.36z M16.36,29.64h13.28V13.36H16.36V29.64z M2.36,29.64h13.28 v-7.28H2.36V29.64z M2.36,21.64h13.28V2.36H2.36V21.64z M23.36,12.64h6.279V2.36H23.36V12.64z M16.36,12.64h6.28V2.36h-6.28V12.64z" /> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Copied!