Ui Shell Header Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Ui Shell Header 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/321103.svg" alt="Ui Shell Header icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/321103.svg" alt="Ui Shell Header icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/321103.svg" alt="Ui Shell Header icon" :width="24" :height="24" />
CSS background
.icon-ui-shell-header {
background-image: url('https://proicons.com/icon/321103.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-header"> <rect id="border copy 15" x="120" y="82" width="400" height="218" fill="white"/> <rect id="nav copy 16" x="120" y="58" width="400" height="26" fill="#171717"/> <rect id="Rectangle Copy 52" opacity="0.844385" x="188" y="69" width="44" height="6" fill="#C6C6C6"/> <rect id="Rectangle Copy 53" opacity="0.844385" x="134" y="69" width="44" height="6" fill="#C6C6C6"/> <rect id="Rectangle Copy 54" opacity="0.844385" x="242" y="69" width="44" height="6" fill="#C6C6C6"/> <rect id="Rectangle Copy 55" opacity="0.844385" x="478" y="66" width="10" height="10" fill="#C6C6C6"/> <rect id="Rectangle Copy 56" opacity="0.844385" x="498" y="66" width="10" height="10" fill="#C6C6C6"/> <g id="border copy 16" 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="Rectangle Copy 235" x="120" y="84" width="400" height="2" fill="#525252"/> </g> </svg>
More from Carbon Icons
View all
Copied!