Ui Shell Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Ui Shell 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/321111.svg" alt="Ui Shell icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/321111.svg" alt="Ui Shell icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/321111.svg" alt="Ui Shell icon" :width="24" :height="24" />
CSS background
.icon-ui-shell {
background-image: url('https://proicons.com/icon/321111.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="640" height="360" viewBox="0 0 640 360" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="ui-shell-left-panel"> <rect id="border copy 17" x="120" y="82" width="400" height="218" fill="white"/> <rect id="nav copy 18" x="120" y="58" width="400" height="26" fill="#171717"/> <rect id="Rectangle Copy 244" opacity="0.844385" x="188" y="69" width="44" height="6" fill="#C6C6C6"/> <rect id="Rectangle Copy 245" opacity="0.844385" x="134" y="69" width="44" height="6" fill="#C6C6C6"/> <rect id="Rectangle Copy 246" opacity="0.844385" x="242" y="69" width="44" height="6" fill="#C6C6C6"/> <rect id="Rectangle Copy 247" opacity="0.844385" x="478" y="66" width="10" height="10" fill="#C6C6C6"/> <rect id="Rectangle Copy 248" opacity="0.844385" x="498" y="66" width="10" height="10" fill="#C6C6C6"/> <g id="border copy 18" style="mix-blend-mode:multiply"> <rect x="120.5" y="58.5" width="399" height="243" fill="white"/> <rect x="120.5" y="58.5" width="399" height="243" stroke="#C6C6C6"/> </g> <rect id="nav copy 19" x="120" y="84" width="100" height="216" fill="#171717"/> <rect id="Rectangle Copy 260" x="120" y="84" width="100" height="2" fill="#C6C6C6"/> </g> </svg>
More from Carbon Icons
View all
Copied!