Breaking Change Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Breaking Change 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/317153.svg" alt="Breaking Change icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/317153.svg" alt="Breaking Change icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/317153.svg" alt="Breaking Change icon" :width="24" :height="24" />
CSS background
.icon-breaking-change {
background-image: url('https://proicons.com/icon/317153.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<path d="M31,25a6,6,0,1,0-6,6A6.0066,6.0066,0,0,0,31,25Zm-2,0a3.9521,3.9521,0,0,1-.5669,2.019L22.981,21.5669A3.9529,3.9529,0,0,1,25,21,4.0045,4.0045,0,0,1,29,25Zm-8,0a3.9521,3.9521,0,0,1,.5669-2.019l5.4521,5.4521A3.9529,3.9529,0,0,1,25,29,4.0045,4.0045,0,0,1,21,25Z"/>
<polygon points="19.59 16 17 18.59 18.42 20 22.42 16 18.42 12 17 13.41 19.59 16"/>
<polygon points="10.41 16 13 13.41 11.58 12 7.58 16 11.58 20 13 18.59 10.41 16"/>
<path d="M4,9H26v7h2V4a2,2,0,0,0-2-2H4A2,2,0,0,0,2,4V24a2,2,0,0,0,2,2H16V24H4ZM4,4H26V7H4Z"/>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/>
</svg>
Copied!