Condition Builder Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Condition 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/319774.svg" alt="Condition Builder icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319774.svg" alt="Condition Builder icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319774.svg" alt="Condition Builder icon" :width="24" :height="24" />
CSS background
.icon-condition-builder {
background-image: url('https://proicons.com/icon/319774.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="condition--builder_1_" d="M30,30.36H2c-0.199,0-0.36-0.161-0.36-0.36V2c0-0.199,0.161-0.36,0.36-0.36h28 c0.199,0,0.36,0.161,0.36,0.36v28C30.36,30.199,30.199,30.36,30,30.36z M2.36,29.64h27.28V2.36H2.36V29.64z M8.155,20.896h2.976 v-6.048H8.155v-1.104h4.256v7.152h2.784V22h-7.04V20.896z M11.771,11.92c-0.374,0-0.635-0.077-0.784-0.232 c-0.149-0.154-0.224-0.349-0.224-0.584v-0.256c0-0.235,0.074-0.429,0.224-0.584s0.411-0.232,0.784-0.232s0.634,0.077,0.784,0.232 c0.149,0.155,0.224,0.349,0.224,0.584v0.256c0,0.235-0.075,0.43-0.224,0.584C12.406,11.843,12.145,11.92,11.771,11.92z M17.313,20.896h2.784v-6.048h-2.944v-1.104h2.944v-1.696c0-0.554,0.146-1.008,0.44-1.36s0.755-0.528,1.384-0.528h2.768v1.104 h-3.312v2.48h3.312v1.104h-3.312v6.048h2.944V22h-7.008C17.313,22,17.313,20.896,17.313,20.896z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
More from Carbon Icons
View all
Copied!