Event Change Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Event 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/317721.svg" alt="Event Change icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/317721.svg" alt="Event Change icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/317721.svg" alt="Event Change icon" :width="24" :height="24" />
CSS background
.icon-event-change {
background-image: url('https://proicons.com/icon/317721.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?>
<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>
<rect x="17" y="15" width="2" height="7"/>
<circle cx="18" cy="25" r="1.25"/>
<path d="m29,30H7c-.3499,0-.6743-.1829-.8555-.4823s-.1926-.6718-.0303-.9817L17.1143,7.536c.1726-.3296.5292-.536.8857-.536s.7131.2064.8857.536l11,21c.1624.3099.1509.6823-.0303.9817s-.5056.4823-.8555.4823Zm-20.3474-2h18.6948l-9.3474-17.8448-9.3474,17.8448Z"/>
<path d="m7,23H3c-.3467,0-.6685-.1794-.8506-.4742-.1824-.2948-.1987-.663-.0439-.973l2.5-5,1.7891.8945-1.7766,3.5527h2.3821v2Z"/>
<rect x="4.9549" y="11.4999" width="5.5902" height="2.0002" transform="translate(-6.8962 13.8416) rotate(-63.4349)"/>
<path d="m10.8945,8.4473l-1.7891-.8945,2.5-5c.1694-.3387.532-.5527.8945-.5527s.7251.214.8945.5527l2,4-1.7891.8945-1.1055-2.2112-1.6055,3.2112Z"/>
<rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
</svg>
Copied!