Fluid Styles 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: fluid styles

The Fluid Styles 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/321060.svg" alt="Fluid Styles icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/321060.svg" alt="Fluid Styles icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/321060.svg"
  alt="Fluid Styles icon"
  :width="24"
  :height="24"
/>

CSS background

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

SVG markup

<svg width="640" height="360" viewBox="0 0 640 360" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="fluid">
<rect id="Rectangle Copy 230" x="196" y="64" width="246" height="200" fill="#F4F4F4"/>
<rect id="Rectangle Copy 174" x="196" y="264" width="248" height="32" fill="#0F62FE"/>
<rect id="Rectangle Copy 175" x="196" y="264" width="122.807" height="32" fill="#393939"/>
<rect id="Rectangle Copy 178" x="316" y="264" width="2" height="32" fill="#F4F4F4"/>
<rect id="Rectangle" x="196" y="118" width="244" height="1" fill="#C6C6C6"/>
<rect id="Rectangle_2" x="196" y="158" width="244" height="1" fill="#6F6F6F"/>
<rect id="Rectangle_3" x="196" y="198" width="244" height="1" fill="#6F6F6F"/>
<rect id="Rectangle_4" x="196" y="238" width="244" height="1" fill="#6F6F6F"/>
<rect id="Rectangle Copy 57" x="208" y="82" width="64" height="8" fill="#8D8D8D"/>
<rect id="Rectangle Copy 57_2" x="208" y="130" width="44" height="4" fill="#8D8D8D"/>
<rect id="Rectangle Copy 231" x="208" y="170" width="44" height="4" fill="#8D8D8D"/>
<rect id="Rectangle Copy 233" x="208" y="210" width="44" height="4" fill="#8D8D8D"/>
<rect id="Rectangle Copy 58" x="208" y="140" width="98" height="8" fill="#C6C6C6"/>
<rect id="Rectangle Copy 232" x="208" y="180" width="98" height="8" fill="#C6C6C6"/>
<rect id="Rectangle Copy 234" x="208" y="220" width="98" height="8" fill="#C6C6C6"/>
</g>
</svg>

Copied!

Fluid Styles Icon

More from Carbon Icons