Move your cursor over the SVG to see the hover animation.

SVG Clipboard Copy (Rect-Cloudly), free download and editable

Clipboard Copy SVG free, optimized and editable. Change the colors to fit your needs. Download the file for your document. Copy the code to integrate it on your website. This image can be used for all purposes (Web, Canva, Abode Illustrator, Sketch, Cricut and more...).

Theme

Variant

<svg class="svg-snoweb svg-theme-light" height="100" preserveaspectratio="xMidYMid meet" viewbox="0 0 100 100" width="100" x="0" xmlns="http://www.w3.org/2000/svg" y="0">
 <clippath id="clip-path-202404-1912-2352-3574da32-97aa-4480-bdae-01e0c1e0724e">
  <rect height="100" rx="15" ry="15" width="100" x="0" y="0">
  </rect>
 </clippath>
 <g clip-path="url(#clip-path-202404-1912-2352-3574da32-97aa-4480-bdae-01e0c1e0724e)">
  <rect class="svg-fill-tertiary" height="100" rx="15" ry="15" width="100" x="0" y="0">
  </rect>
  <g transform="translate(-22.50, -22.50) scale(1.45, 1.45)">
   <circle class="svg-fill-secondary svg-builder-circle" cx="50" cy="50" r="50">
   </circle>
  </g>
 </g>
 <g transform="translate(20.00, 20.00) scale(0.60, 0.60)">
  <path class="svg-fill-primary" d="M74.1,70.1c-2.209,0-4,1.791-4,4v4c0,2.206-1.794,4-4,4H25.9c-2.206,0-4-1.794-4-4V29.9c0-2.206,1.794-4,4-4h4.694c.588,1.666,1.533,3.199,2.82,4.485,2.266,2.267,5.28,3.515,8.485,3.515h8.101c5.213,0,9.647-3.347,11.3-8h4.8c2.206,0,4,1.794,4,4v12.1c0,2.209,1.791,4,4,4s4-1.791,4-4v-12.1c0-6.617-5.383-12-12-12h-4.8c-1.653-4.653-6.087-8-11.3-8h-8.101c-3.205,0-6.219,1.249-8.485,3.515-1.286,1.286-2.231,2.819-2.82,4.485h-4.695c-6.617,0-12,5.383-12,12v48.2c0,6.617,5.383,12,12,12h40.2c6.617,0,12-5.383,12-12v-4c0-2.209-1.791-4-4-4ZM39.071,19.071c.755-.755,1.76-1.172,2.829-1.172v-4l.1,4h8c2.206,0,4,1.794,4,4s-1.794,4-4,4h-8.101c-1.068,0-2.073-.416-2.828-1.171-.755-.756-1.171-1.76-1.171-2.829h0c0-1.069,.416-2.074,1.171-2.829Z">
  </path>
  <path class="svg-fill-primary" d="M82.1,54h-30.443l5.171-5.171c1.562-1.562,1.562-4.095,0-5.657-1.561-1.562-4.096-1.562-5.656,0l-12,12-.004,.005c-.182,.182-.346,.382-.49,.597l-.013,.019c-.065,.099-.109,.206-.164,.309-.065,.12-.138,.234-.191,.361l-.012,.025c-.053,.13-.081,.265-.12,.399v.003c-.032,.107-.075,.209-.097,.319l-.004,.019c-.027,.138-.029,.278-.042,.417-.01,.116-.033,.23-.033,.346,0,.139,.024,.276,.038,.415,.012,.117,.011,.234,.034,.349l.007,.029c.023,.113,.065,.218,.097,.328l.012,.039c.035,.115,.057,.233,.102,.346,.005,.012,.011,.023,.016,.034,.052,.126,.125,.24,.189,.36,.054,.101,.096,.206,.159,.303l.019,.026c.11,.165,.242,.314,.375,.46,.04,.044,.069,.094,.111,.137l12,12.1c.782,.789,1.811,1.184,2.84,1.184,1.019,0,2.037-.387,2.816-1.16,1.568-1.556,1.579-4.088,.023-5.656l-5.24-5.283h30.499c2.209,0,4-1.791,4-4s-1.791-4-4-4Z" opacity=".5">
  </path>
 </g>
</svg>

Documentation of Snoweb SVG

Find in detail all the technical information to integrate our SVG library.

HTML documentation

It makes it easy to add and configure color themes in HTML of SVGs. The documentation also explains how to use animations.

See the documentation

Django documentation

Guides you to install the library and read an SVG in it. And explains you how to configure CSS files with Django.

See the documentation

Wagtail documentation

This documentation explains how to integrate the library in Wagtail. But also how to add a SVG in a Wagtail block.

See the documentation

SVG related of Clipboard Copy (Rect-Cloudly)

We found 1684 SVG that might interest you.

Do you need an SVG collection?

We create and add SVGs on demand in the library.

Order my SVG collection

Frequently asked questions

: Yes, it is possible. You can include on your HTML page the CSS system files and then copy the code of the elements from the SVG library.
: Yes, it is possible. It is the same procedure as HTML. You must then convert the code of the elements of the library with for example React Svgr.
: Yes, it is possible. Snoweb SVG is open source and all SVGs are present in the Github directory. A procedure is explained in the documentation how to add a collection and an SVG. We can also add them for you.
: Yes, it is possible. Snoweb SVG allows you to add graphic styles on all SVGs. There is currently only glassmorphism available. You can create a ticket on Github to discuss the implementation.
: Snoweb SVG has 2 CSS files. A file for themes which is 169 bytes. Another file for animations which is 340 bytes.
: The animations are developed with CSS. No javascript code is used.

SVG Clipboard Copy (Rect-Cloudly), free download and editable

Theme

Variant

Documentation of Snoweb SVG

HTML documentation

Django documentation

Wagtail documentation

SVG related of Clipboard Copy (Rect-Cloudly)

Do you need an SVG collection?

Frequently asked questions

Can I use Snoweb SVG only with HTML and CSS?

Can I use Snoweb SVG with React?

Can I add SVGs to the library?

Can I add a graphic style in the library that would apply to all SVGs?

What is the weight of the CSS files to add on my page?

How are SVG animations built?

SVG Clipboard Copy (Rect-Cloudly), free download and editable

SVG Settings of Clipboard Copy (Rect-Cloudly)

Theme

Variant

Website Settings of Clipboard Copy (Rect-Cloudly)

Code HTML of Clipboard Copy (Rect-Cloudly)

Code Django of Clipboard Copy (Rect-Cloudly)

Documentation of Snoweb SVG

HTML documentation

Django documentation

Wagtail documentation

SVG related of Clipboard Copy (Rect-Cloudly)

Do you need an SVG collection?

Frequently asked questions

Can I use Snoweb SVG only with HTML and CSS?

Can I use Snoweb SVG with React?

Can I add SVGs to the library?

Can I add a graphic style in the library that would apply to all SVGs?

What is the weight of the CSS files to add on my page?

How are SVG animations built?