Carbon Ui Builder Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Carbon Ui Builder 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/317195.svg" alt="Carbon Ui Builder icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/317195.svg" alt="Carbon Ui Builder icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/317195.svg" alt="Carbon Ui Builder icon" :width="24" :height="24" />
CSS background
.icon-carbon-ui-builder {
background-image: url('https://proicons.com/icon/317195.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="24" y="28" width="6" height="2"/>
<circle cx="21" cy="29" r="1"/>
<circle cx="29" cy="25" r="1"/>
<rect x="20" y="24" width="6" height="2" transform="translate(46 50) rotate(-180)"/>
<rect x="24" y="20" width="6" height="2"/>
<circle cx="21" cy="21" r="1"/>
<path d="M21.4927,14.1299l-8.5-4.8149c-.3057-.1729-.6797-.1729-.9854,0L3.5073,14.1299c-.3135,.1777-.5073,.5098-.5073,.8701v10c0,.3604,.1938,.6924,.5073,.8701l8.5,4.8149,.9854-1.7402-7.9927-4.5278V15.583l7.5-4.2485,7.5,4.2485v2.417h2v-3c0-.3604-.1938-.6924-.5073-.8701Z"/>
<path d="M25,15h2V7c0-.3604-.1938-.6924-.5073-.8701L17.9927,1.3149c-.3057-.1729-.6797-.1729-.9854,0L8.5074,6.1299l.9854,1.7402L17.5,3.3345l7.5,4.2485v7.417Z"/>
<rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
</svg>
More from Carbon Icons
View all
Copied!