Expansion Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Expansion icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/319985.svg" alt="Expansion icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319985.svg" alt="Expansion icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319985.svg" alt="Expansion icon" :width="24" :height="24" />
CSS background
.icon-expansion {
background-image: url('https://proicons.com/icon/319985.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 26.3.1, 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="expansion_00000182498776069822824090000015856868230221404306_" d="M11,31.36H1c-0.199,0-0.36-0.161-0.36-0.36V21 c0-0.199,0.161-0.36,0.36-0.36h8.688c0.126-0.461,0.491-0.824,0.952-0.951V1c0-0.199,0.161-0.36,0.36-0.36h20 c0.199,0,0.36,0.161,0.36,0.36v20c0,0.199-0.161,0.36-0.36,0.36H12.312c-0.126,0.461-0.491,0.824-0.952,0.951V31 C11.36,31.199,11.199,31.36,11,31.36z M1.869,30.64h8.771v-8.328c-0.111-0.03-0.216-0.074-0.313-0.13L1.869,30.64z M1.36,21.36 v8.771l8.458-8.459c-0.055-0.097-0.099-0.201-0.129-0.312H1.36z M11,20.36c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64 s0.64-0.287,0.64-0.64S11.353,20.36,11,20.36z M12.312,20.64H30.64V1.36H11.36v18.329c0.11,0.03,0.215,0.074,0.313,0.13 L25.818,5.673C25.705,5.474,25.64,5.245,25.64,5c0-0.75,0.61-1.36,1.36-1.36S28.36,4.25,28.36,5S27.75,6.36,27,6.36 c-0.244,0-0.475-0.065-0.673-0.178L12.182,20.327C12.237,20.425,12.281,20.529,12.312,20.64z M27,4.36 c-0.353,0-0.64,0.287-0.64,0.64S26.647,5.64,27,5.64S27.64,5.353,27.64,5S27.353,4.36,27,4.36z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Copied!