Home/Libraries/Freehand free icons (Iconify)/copy-paste-clipboard

Freehand free icons (Iconify)

CopyPasteClipboard

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M23.402 13.377v-.73a1.3 1.3 0 0 0-.13-.409a.8.8 0 0 0-.52-.36a4 4 0 0 0-.948 0a.34.34 0 0 0 0 .68h.579c.11 0 .22 0 .26.06v.81a29 29 0 0 1-.4 5.734a7.3 7.3 0 0 1-1.189 3.347c-.258.153-.55.239-.85.25q-1.352.19-2.717.17a22.6 22.6 0 0 1-4.676-.4a1.7 1.7 0 0 1-.45-.21c.29-.909 1-2.297 1.38-3.676a6.7 6.7 0 0 0 .28-1.999a27 27 0 0 1 .18-3.536v-.16c1.784-.3 3.586-.484 5.394-.55c.54 0 .81 0 .79-.24s0-.4-.24-.39h-.58c-1.249 0-3.996.14-5.195.32a2.3 2.3 0 0 0-.72.2a2.06 2.06 0 0 0-.39 1.07a32 32 0 0 0-.259 3.296a5.9 5.9 0 0 1-.3 1.649c-.48 1.559-1.348 3.137-1.568 3.997a.77.77 0 0 0 .31.839c.91.465 1.915.718 2.937.74a25.6 25.6 0 0 0 5.775-.09a3.17 3.17 0 0 0 1.609-.6c.22-.23.999-1.33 1.358-3.937c.282-1.945.375-3.912.28-5.875"/><path fill="#818cf8" d="M18.586 15.286a4.4 4.4 0 0 0-.63 0c-.579.07-1.078.2-1.468.26a.3.3 0 1 0 0 .599q.838.172 1.689.25q.499.036.999 0c.58 0 1.099-.14 1.489-.15a.35.35 0 0 0 .06-.69q-.747-.165-1.51-.24c-.229-.01-.409-.03-.629-.03m-.279 3.877h-1.14c-1.688.24-1.508.11-1.588.17s-.25.21-.12.43s.13.17.65.29l1.059.2q.58.03 1.159 0a12 12 0 0 0 1.748-.31a.34.34 0 0 0 .3-.37a.33.33 0 0 0-.37-.31c-.57.01-1.129-.08-1.698-.1M9.094 20.77c-1.518 0-3.097-.08-4.406-.169a16.5 16.5 0 0 1-2.278-.28c-.15 0-.37 0-.33-.1a1.3 1.3 0 0 1-.08-.49c0-.319 0-.639-.05-.838c-.05-.73-.11-3.777-.23-6.805c-.13-3.227-.329-6.444-.309-6.764v-.28a2 2 0 0 1 1-.37c.319 0 .649-.05.998-.06a2.54 2.54 0 0 0-.08 1.62a.55.55 0 0 0 .51.489h4.866c1.309 0 2.558 0 3.257-.07a.31.31 0 0 0 .29-.32a.3.3 0 0 0-.38-.29c-.55 0-1.429 0-2.398-.07c-1.908-.09-4.186-.26-5.165-.33v-.299a4 4 0 0 1 .14-.48q.062-.188.18-.35c.15-.202.35-.364.579-.469a6.4 6.4 0 0 1 1.409-.43l.29-.06a.58.58 0 0 0 .449-.689l-.12-.66a.83.83 0 0 1 .31-.659c.264-.21.57-.36.9-.44a.9.9 0 0 1 .479 0c.175.058.335.154.47.28c.178.183.302.411.359.66q.07.442.06.89a.44.44 0 0 0 .38.439q.508.042.999.18q.473.135.889.4c.208.139.36.348.43.589q.124.435.12.89a.35.35 0 0 0 .197.375a.35.35 0 0 0 .492-.376a3.5 3.5 0 0 0-.19-1.319a1.7 1.7 0 0 0-.62-.81a4.4 4.4 0 0 0-1.058-.529a5 5 0 0 0-.74-.2a3.4 3.4 0 0 0-.1-.999a2.35 2.35 0 0 0-.47-.849a2 2 0 0 0-.859-.6a1.85 1.85 0 0 0-1.099-.08a3.1 3.1 0 0 0-1.588.87c-.32.354-.497.812-.5 1.289l.05.34a7 7 0 0 0-1.459.5c-.4.196-.744.492-.999.858v.08a11.5 11.5 0 0 0-1.688.06c-.36.055-.702.192-1 .4a.62.62 0 0 0-.23.3a2 2 0 0 0-.17.5c0 .319-.09 3.586 0 6.883c.06 3.048.23 6.105.29 6.844q-.006.654.11 1.3c.057.26.185.498.37.689a3.56 3.56 0 0 0 1.739.44c1.458.11 3.776.12 5.994.05a.34.34 0 0 0 .33-.34a.33.33 0 0 0-.34-.34M14.23 4.255c.207.051.404.14.58.26c.52.35.33.42.33.69v2.058c0 .789.15 1.678.22 2.657a.3.3 0 0 0 .599 0c.11-.799.22-1.548.28-2.238v-.999a12 12 0 0 0-.09-1.639a1.46 1.46 0 0 0-.16-.689a2.5 2.5 0 0 0-.73-.54c-.27-.13-.56-.207-.859-.23a.34.34 0 0 0-.4.28a.35.35 0 0 0 .23.39"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CopyPasteClipboardIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.