Disabled States Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: disabled states

The Disabled States 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/321054.svg" alt="Disabled States icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/321054.svg" alt="Disabled States icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/321054.svg"
  alt="Disabled States icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-disabled-states {
  background-image: url('https://proicons.com/icon/321054.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="320" height="180" viewBox="0 0 320 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M248 105H72V73H248V105Z" fill="#C6C6C6"/>
<path d="M90.124 94V90.424H92.452C93.952 90.424 94.792 89.5 94.792 88.024C94.792 86.548 93.952 85.624 92.452 85.624H89.116V94H90.124ZM90.124 86.512H92.452C93.244 86.512 93.712 86.944 93.712 87.712V88.336C93.712 89.104 93.244 89.536 92.452 89.536H90.124V86.512ZM97.2773 94V89.8C97.2773 89.212 97.9013 88.768 98.9333 88.768H99.4973V87.808H99.1253C98.1173 87.808 97.5533 88.36 97.3373 88.948H97.2773V87.808H96.3173V94H97.2773ZM101.341 86.356C101.749 86.356 101.929 86.14 101.929 85.816V85.66C101.929 85.336 101.749 85.12 101.341 85.12C100.933 85.12 100.753 85.336 100.753 85.66V85.816C100.753 86.14 100.933 86.356 101.341 86.356ZM100.861 94H101.821V87.808H100.861V94ZM104.958 94V89.704C104.958 88.912 105.678 88.528 106.434 88.528C107.346 88.528 107.766 89.092 107.766 90.196V94H108.726V89.704C108.726 88.912 109.422 88.528 110.178 88.528C111.114 88.528 111.534 89.104 111.534 90.196V94H112.494V90.028C112.494 88.528 111.738 87.664 110.478 87.664C109.422 87.664 108.822 88.252 108.594 88.924H108.57C108.234 88.036 107.49 87.664 106.674 87.664C105.714 87.664 105.282 88.18 105.006 88.816H104.958V87.808H103.998V94H104.958ZM119.652 94V93.16H118.944V89.752C118.944 88.444 118.056 87.664 116.568 87.664C115.452 87.664 114.708 88.216 114.372 88.876L114.948 89.416C115.284 88.852 115.776 88.492 116.52 88.492C117.504 88.492 117.984 88.972 117.984 89.848V90.46H116.76C114.96 90.46 114.12 91.108 114.12 92.272C114.12 93.424 114.888 94.144 116.196 94.144C117.06 94.144 117.72 93.748 117.984 92.992H118.044C118.116 93.568 118.404 94 119.112 94H119.652ZM116.352 93.328C115.608 93.328 115.128 92.98 115.128 92.368V92.116C115.128 91.516 115.62 91.18 116.712 91.18H117.984V92.2C117.984 92.836 117.3 93.328 116.352 93.328ZM122.119 94V89.8C122.119 89.212 122.743 88.768 123.775 88.768H124.339V87.808H123.967C122.959 87.808 122.395 88.36 122.179 88.948H122.119V87.808H121.159V94H122.119ZM128.135 92.02L127.799 93.028H127.739L127.451 92.02L125.963 87.808H125.003L127.319 94.24L126.851 95.56H125.879V96.4H126.371C127.283 96.4 127.535 96.184 127.811 95.44L130.583 87.808H129.635L128.135 92.02ZM134.918 94H135.878V92.992H135.926C136.298 93.76 136.886 94.144 137.738 94.144C139.286 94.144 140.258 92.884 140.258 90.904C140.258 88.924 139.286 87.664 137.738 87.664C136.886 87.664 136.25 88.036 135.926 88.816H135.878V85.12H134.918V94ZM137.474 93.28C136.598 93.28 135.878 92.824 135.878 92.02V89.716C135.878 89.032 136.598 88.528 137.474 88.528C138.554 88.528 139.226 89.272 139.226 90.376V91.432C139.226 92.536 138.554 93.28 137.474 93.28ZM145.832 94H146.792V87.808H145.832V92.092C145.832 92.908 145.088 93.28 144.332 93.28C143.408 93.28 142.916 92.716 142.916 91.612V87.808H141.956V91.78C141.956 93.28 142.772 94.144 144.044 94.144C145.076 94.144 145.544 93.58 145.784 92.992H145.832V94ZM151.541 94V93.16H150.281V88.648H151.637V87.808H150.281V86.092H149.417V87.244C149.417 87.664 149.285 87.808 148.877 87.808H148.301V88.648H149.321V92.98C149.321 93.58 149.681 94 150.341 94H151.541ZM155.78 94V93.16H154.52V88.648H155.876V87.808H154.52V86.092H153.656V87.244C153.656 87.664 153.524 87.808 153.116 87.808H152.54V88.648H153.56V92.98C153.56 93.58 153.92 94 154.58 94H155.78ZM159.849 94.144C161.505 94.144 162.645 92.872 162.645 90.904C162.645 88.936 161.505 87.664 159.849 87.664C158.193 87.664 157.053 88.936 157.053 90.904C157.053 92.872 158.193 94.144 159.849 94.144ZM159.849 93.292C158.817 93.292 158.085 92.656 158.085 91.348V90.46C158.085 89.152 158.817 88.516 159.849 88.516C160.881 88.516 161.613 89.152 161.613 90.46V91.348C161.613 92.656 160.881 93.292 159.849 93.292ZM165.321 94V89.704C165.321 88.912 166.065 88.528 166.833 88.528C167.757 88.528 168.237 89.092 168.237 90.196V94H169.197V90.028C169.197 88.528 168.393 87.664 167.121 87.664C166.197 87.664 165.669 88.12 165.369 88.816H165.321V87.808H164.361V94H165.321Z" fill="#8D8D8D"/>
<g filter="url(#filter0_d_0_3693)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M226 109V102L231 107H228L226 109Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M226 109V102L231 107H228L226 109Z" stroke="white" stroke-width="0.6"/>
</g>
<g filter="url(#filter1_d_0_3693)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M226 114C226 116.75 228.25 119 231 119C233.75 119 236 116.75 236 114C236 111.25 233.75 109 231 109C228.25 109 226 111.25 226 114ZM234.25 116.75L228.25 110.75C229 110.071 230 109.714 231 109.714C233.357 109.714 235.286 111.643 235.286 114C235.286 115 234.929 116 234.25 116.75ZM228.214 117.286C226.429 115.75 226.214 113.036 227.714 111.25L233.75 117.286C233 117.929 232 118.286 231 118.286C230 118.286 229 117.929 228.214 117.286Z" fill="url(#paint0_linear_0_3693)"/>
<path d="M234.25 116.75L233.996 117.004L234.263 117.271L234.516 116.991L234.25 116.75ZM228.25 110.75L228.009 110.484L227.729 110.737L227.996 111.004L228.25 110.75ZM228.214 117.286L227.98 117.558L227.987 117.564L228.214 117.286ZM227.714 111.25L227.968 110.996L227.691 110.719L227.439 111.019L227.714 111.25ZM233.75 117.286L233.984 117.558L234.278 117.306L234.004 117.032L233.75 117.286ZM225.641 114C225.641 116.948 228.052 119.359 231 119.359V118.641C228.448 118.641 226.359 116.552 226.359 114H225.641ZM231 119.359C233.948 119.359 236.359 116.948 236.359 114H235.641C235.641 116.552 233.552 118.641 231 118.641V119.359ZM236.359 114C236.359 111.052 233.948 108.641 231 108.641V109.359C233.552 109.359 235.641 111.448 235.641 114H236.359ZM231 108.641C228.052 108.641 225.641 111.052 225.641 114H226.359C226.359 111.448 228.448 109.359 231 109.359V108.641ZM234.504 116.496L228.504 110.496L227.996 111.004L233.996 117.004L234.504 116.496ZM228.491 111.016C229.17 110.401 230.083 110.073 231 110.073V109.355C229.917 109.355 228.83 109.741 228.009 110.484L228.491 111.016ZM231 110.073C233.159 110.073 234.927 111.841 234.927 114H235.645C235.645 111.445 233.555 109.355 231 109.355V110.073ZM234.927 114C234.927 114.917 234.599 115.83 233.984 116.509L234.516 116.991C235.259 116.17 235.645 115.083 235.645 114H234.927ZM228.448 117.013C226.812 115.606 226.616 113.116 227.989 111.481L227.439 111.019C225.813 112.956 226.046 115.894 227.98 117.558L228.448 117.013ZM227.46 111.504L233.496 117.54L234.004 117.032L227.968 110.996L227.46 111.504ZM233.516 117.013C232.834 117.598 231.918 117.927 231 117.927V118.645C232.082 118.645 233.166 118.259 233.984 117.558L233.516 117.013ZM231 117.927C230.084 117.927 229.164 117.599 228.442 117.008L227.987 117.564C228.836 118.259 229.916 118.645 231 118.645V117.927Z" fill="url(#paint1_linear_0_3693)"/>
<mask id="mask0_0_3693" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="225" y="108" width="12" height="12">
<path fill-rule="evenodd" clip-rule="evenodd" d="M226 114C226 116.75 228.25 119 231 119C233.75 119 236 116.75 236 114C236 111.25 233.75 109 231 109C228.25 109 226 111.25 226 114ZM234.25 116.75L228.25 110.75C229 110.071 230 109.714 231 109.714C233.357 109.714 235.286 111.643 235.286 114C235.286 115 234.929 116 234.25 116.75ZM228.214 117.286C226.429 115.75 226.214 113.036 227.714 111.25L233.75 117.286C233 117.929 232 118.286 231 118.286C230 118.286 229 117.929 228.214 117.286Z" fill="white"/>
<path d="M234.25 116.75L233.996 117.004L234.263 117.271L234.516 116.991L234.25 116.75ZM228.25 110.75L228.009 110.484L227.729 110.737L227.996 111.004L228.25 110.75ZM228.214 117.286L227.98 117.558L227.987 117.564L228.214 117.286ZM227.714 111.25L227.968 110.996L227.691 110.719L227.439 111.019L227.714 111.25ZM233.75 117.286L233.984 117.558L234.278 117.306L234.004 117.032L233.75 117.286ZM225.641 114C225.641 116.948 228.052 119.359 231 119.359V118.641C228.448 118.641 226.359 116.552 226.359 114H225.641ZM231 119.359C233.948 119.359 236.359 116.948 236.359 114H235.641C235.641 116.552 233.552 118.641 231 118.641V119.359ZM236.359 114C236.359 111.052 233.948 108.641 231 108.641V109.359C233.552 109.359 235.641 111.448 235.641 114H236.359ZM231 108.641C228.052 108.641 225.641 111.052 225.641 114H226.359C226.359 111.448 228.448 109.359 231 109.359V108.641ZM234.504 116.496L228.504 110.496L227.996 111.004L233.996 117.004L234.504 116.496ZM228.491 111.016C229.17 110.401 230.083 110.073 231 110.073V109.355C229.917 109.355 228.83 109.741 228.009 110.484L228.491 111.016ZM231 110.073C233.159 110.073 234.927 111.841 234.927 114H235.645C235.645 111.445 233.555 109.355 231 109.355V110.073ZM234.927 114C234.927 114.917 234.599 115.83 233.984 116.509L234.516 116.991C235.259 116.17 235.645 115.083 235.645 114H234.927ZM228.448 117.013C226.812 115.606 226.616 113.116 227.989 111.481L227.439 111.019C225.813 112.956 226.046 115.894 227.98 117.558L228.448 117.013ZM227.46 111.504L233.496 117.54L234.004 117.032L227.968 110.996L227.46 111.504ZM233.516 117.013C232.834 117.598 231.918 117.927 231 117.927V118.645C232.082 118.645 233.166 118.259 233.984 117.558L233.516 117.013ZM231 117.927C230.084 117.927 229.164 117.599 228.442 117.008L227.987 117.564C228.836 118.259 229.916 118.645 231 118.645V117.927Z" fill="white"/>
</mask>
<g mask="url(#mask0_0_3693)">
</g>
</g>
<defs>
<filter id="filter0_d_0_3693" x="223.7" y="100.276" width="12.0244" height="14.4485" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="2"/>
<feGaussianBlur stdDeviation="1.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_3693"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_3693" result="shape"/>
</filter>
<filter id="filter1_d_0_3693" x="223.641" y="107.641" width="14.7188" height="14.7181" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.581927 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_3693"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_3693" result="shape"/>
</filter>
<linearGradient id="paint0_linear_0_3693" x1="226" y1="109" x2="226" y2="119" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E0E0E0"/>
</linearGradient>
<linearGradient id="paint1_linear_0_3693" x1="226" y1="109" x2="226" y2="119" gradientUnits="userSpaceOnUse">
<stop stop-color="#F7F7F7"/>
<stop offset="1" stop-color="#E0E0E0"/>
</linearGradient>
</defs>
</svg>

Copied!

Disabled States Icon

More from Carbon Icons