Fragments 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: fragments

The Fragments 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/317832.svg" alt="Fragments icon" width="24" height="24">

React JSX

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

Vue template

<img
  src="https://proicons.com/icon/317832.svg"
  alt="Fragments icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-fragments {
  background-image: url('https://proicons.com/icon/317832.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>
  <path d="M16,30c-2.4146,0-4.4348-1.7206-4.8997-4h-5.1003c-1.1028,0-2-.8972-2-2v-5h1c1.6543,0,3-1.3458,3-3s-1.3457-3-3-3h-1v-5c0-1.1028.8972-2,2-2h5.1003c.4648-2.2794,2.4851-4,4.8997-4s4.4348,1.7206,4.8997,4h5.1003c1.1028,0,2,.8972,2,2v5h-1c-1.6543,0-3,1.3458-3,3s1.3457,3,3,3h1v5c0,1.1028-.8972,2-2,2h-5.1003c-.4648,2.2794-2.4851,4-4.8997,4ZM6,20.8995v3.1005h7v1c0,1.6542,1.3457,3,3,3s3-1.3458,3-3v-1h7v-3.1005c-2.2793-.4646-4-2.485-4-4.8995s1.7207-4.4349,4-4.8995v-3.1005h-7v-1c0-1.6542-1.3457-3-3-3s-3,1.3458-3,3v1h-7v3.1005c2.2793.4646,4,2.485,4,4.8995s-1.7207,4.4349-4,4.8995Z"/>
  <rect id="_Transparent_Rectangle_" data-name="&amp;lt;Transparent Rectangle&amp;gt;" class="cls-1" width="32" height="32" transform="translate(32 32) rotate(180)"/>
</svg>

Copied!

Fragments Icon

More from Carbon Icons