Controls Framework Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Controls Framework 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/319807.svg" alt="Controls Framework icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319807.svg" alt="Controls Framework icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319807.svg" alt="Controls Framework icon" :width="24" :height="24" />
CSS background
.icon-controls-framework {
background-image: url('https://proicons.com/icon/319807.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 26.3.1, 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="controls-framework_00000148661923258247388100000015974096299199071385_" d="M31,31.36H1c-0.199,0-0.36-0.161-0.36-0.36V1 c0-0.199,0.161-0.36,0.36-0.36h30c0.199,0,0.36,0.161,0.36,0.36v30C31.36,31.199,31.199,31.36,31,31.36z M1.36,30.64h29.28V1.36 H1.36V30.64z M29,29.36H3c-0.199,0-0.36-0.161-0.36-0.36V3c0-0.199,0.161-0.36,0.36-0.36h26c0.199,0,0.36,0.161,0.36,0.36v26 C29.36,29.199,29.199,29.36,29,29.36z M3.36,28.64h25.28V3.36H3.36V28.64z M15,23.36c-0.625,0-1.153-0.425-1.312-1H8v-0.72h5.688 c0.158-0.575,0.686-1,1.312-1s1.153,0.425,1.312,1H24v0.721h-7.688C16.153,22.936,15.625,23.36,15,23.36z M15,21.36 c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64S15.353,21.36,15,21.36z M11,19.36 c-0.625,0-1.153-0.425-1.312-1H8v-0.72h1.688c0.158-0.575,0.686-1,1.312-1s1.153,0.424,1.312,1H24v0.721H12.312 C12.153,18.936,11.625,19.36,11,19.36z M11,17.36c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64 S11.353,17.36,11,17.36z M21,15.36c-0.625,0-1.153-0.424-1.312-1H8v-0.72h11.688c0.158-0.576,0.687-1,1.312-1s1.153,0.424,1.312,1 H24v0.72h-1.688C22.153,14.936,21.625,15.36,21,15.36z M21,13.36c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64 s0.64-0.287,0.64-0.64S21.353,13.36,21,13.36z M18,11.36c-0.625,0-1.153-0.424-1.312-1H8V9.64h8.688c0.158-0.576,0.687-1,1.312-1 s1.153,0.424,1.312,1H24v0.72h-4.688C19.153,10.936,18.625,11.36,18,11.36z M18,9.36c-0.353,0-0.64,0.287-0.64,0.64 s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64S18.353,9.36,18,9.36z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Copied!