Copy Add Outline icon

solar:copy-add-outline

The Copy Add Outline icon (solar:copy-add-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: UI
Tags: copyadd, addoutline, copyaddoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.5 9.5C13.9142 9.5 14.25 9.83579 14.25 10.25V12.75H16.75C17.1642 12.75 17.5 13.0858 17.5 13.5C17.5 13.9142 17.1642 14.25 16.75 14.25H14.25V16.75C14.25 17.1642 13.9142 17.5 13.5 17.5C13.0858 17.5 12.75 17.1642 12.75 16.75V14.25H10.25C9.83579 14.25 9.5 13.9142 9.5 13.5C9.50002 13.0858 9.8358 12.75 10.25 12.75H12.75V10.25C12.75 9.83579 13.0858 9.5 13.5 9.5Z"/><path fill-rule="evenodd" d="M15 1.25C16.8724 1.25 18.4236 2.62236 18.7041 4.41602C19.4682 4.55408 20.1205 4.81774 20.6514 5.34863C21.2533 5.95055 21.5128 6.70829 21.6338 7.6084C21.7519 8.4869 21.75 9.60709 21.75 11V16C21.75 17.3929 21.7519 18.5131 21.6338 19.3916C21.5128 20.2917 21.2533 21.0494 20.6514 21.6514C20.0494 22.2533 19.2917 22.5128 18.3916 22.6338C17.5131 22.7519 16.3929 22.75 15 22.75H12C10.6071 22.75 9.4869 22.7519 8.6084 22.6338C7.70829 22.5128 6.95055 22.2533 6.34863 21.6514C5.81774 21.1205 5.55408 20.4682 5.41602 19.7041C3.62236 19.4236 2.25 17.8724 2.25 16V10C2.25 8.13558 2.24859 6.66159 2.40332 5.51074C2.56096 4.33844 2.89329 3.38991 3.6416 2.6416C4.38991 1.89329 5.33844 1.56096 6.51074 1.40332C7.66159 1.24859 9.13558 1.25 11 1.25H15ZM12 5.75C10.5648 5.75 9.5639 5.75202 8.80859 5.85352C8.07482 5.95217 7.68594 6.13242 7.40918 6.40918C7.13242 6.68594 6.95217 7.07482 6.85352 7.80859C6.75202 8.5639 6.75 9.56485 6.75 11V16C6.75 17.4352 6.75202 18.4361 6.85352 19.1914C6.95217 19.9252 7.13242 20.3141 7.40918 20.5908C7.68594 20.8676 8.07482 21.0478 8.80859 21.1465C9.5639 21.248 10.5648 21.25 12 21.25H15C16.4352 21.25 17.4361 21.248 18.1914 21.1465C18.9252 21.0478 19.3141 20.8676 19.5908 20.5908C19.8676 20.3141 20.0478 19.9252 20.1465 19.1914C20.248 18.4361 20.25 17.4352 20.25 16V11C20.25 9.56485 20.248 8.5639 20.1465 7.80859C20.0478 7.07482 19.8676 6.68594 19.5908 6.40918C19.3141 6.13242 18.9252 5.95217 18.1914 5.85352C17.4361 5.75202 16.4352 5.75 15 5.75H12ZM11 2.75C9.09324 2.75 7.73859 2.7515 6.71094 2.88965C5.70485 3.02491 5.12536 3.27894 4.70215 3.70215C4.27894 4.12536 4.02491 4.70485 3.88965 5.71094C3.7515 6.73859 3.75 8.09324 3.75 10V16C3.75 16.9873 4.38694 17.8229 5.27148 18.126C5.24999 17.5025 5.25 16.7957 5.25 16V11C5.25 9.60709 5.24812 8.4869 5.36621 7.6084C5.48723 6.70829 5.74672 5.95055 6.34863 5.34863C6.95055 4.74672 7.70829 4.48723 8.6084 4.36621C9.4869 4.24812 10.6071 4.25 12 4.25H15C15.7957 4.25 16.5025 4.24999 17.126 4.27148C16.8229 3.38694 15.9873 2.75 15 2.75H11Z" clip-rule="evenodd"/></g></svg>

How to use the Copy Add Outline icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:copy-add-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:copy-add-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:copy-add-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--copy-add-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:copy-add-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:copy-add-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/copy-add-outline.svg" alt="Copy Add Outline icon" width="24" height="24">

Related icons in Solar

Copy Add Outline icon FAQ

Is the Copy Add Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Copy Add Outline icon in React?

Install @iconify/react and render <Icon icon="solar:copy-add-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Copy Add Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/copy-add-outline.svg" alt="Copy Add Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →