Box 3d Notification Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Box 3d Notification icon is commonly used in alert panels, push notification UIs and dashboard headers. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310561.svg" alt="Box 3d Notification icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310561.svg" alt="Box 3d Notification icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310561.svg" alt="Box 3d Notification icon" :width="24" :height="24" />
CSS background
.icon-box-3d-notification {
background-image: url('https://proicons.com/icon/310561.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.9349 11.0085V8.79337C20.9365 8.26127 20.7956 7.73845 20.5267 7.27928C20.2578 6.82011 19.8709 6.44135 19.406 6.1824L13.4494 2.87649C13.0062 2.62959 12.5073 2.5 12 2.5C11.4927 2.5 10.9937 2.62959 10.5506 2.87649L4.59397 6.1824C4.12913 6.44135 3.74215 6.82011 3.47328 7.27928C3.20442 7.73845 3.06347 8.26127 3.06511 8.79337V15.2066C3.06347 15.7387 3.20442 16.2615 3.47328 16.7207C3.74215 17.1799 4.12913 17.5586 4.59397 17.8176L10.5506 21.1235C10.9937 21.3704 11.4927 21.5 12 21.5C12.5073 21.5 13.0062 21.3704 13.4494 21.1235L15.971 19.7237" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.3293 6.99646L12 12L3.6707 6.99646" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 21.4908V12" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="20.3293" cy="16.5011" r="2.37575" stroke="black" stroke-width="1.5"/> </svg>
More from Mage Icons
View all
Copied!