On Plus Icon

Free SVG icon from the Arcticons collection. Download or copy for use in any project.

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: on plus add new create expand

The On Plus icon is commonly used in add-item buttons, floating action buttons and form toolbars. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/345162.svg" alt="On Plus icon" width="24" height="24">

React JSX

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

Vue template

<img
  src="https://proicons.com/icon/345162.svg"
  alt="On Plus icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-on-plus {
  background-image: url('https://proicons.com/icon/345162.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="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.c{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="c" d="M38.5,5.5H9.5c-2.2091,0-4,1.7909-4,4v29c0,2.2091,1.7909,4,4,4h29c2.2091,0,4-1.7909,4-4V9.5c0-2.2091-1.7909-4-4-4Z"/><line class="c" x1="35.8785" y1="33.4648" x2="35.8785" y2="39.0865"/><line class="c" x1="33.0663" y1="36.2761" x2="38.688" y2="36.2761"/><line class="c" x1="16.5175" y1="15.4525" x2="16.5175" y2="21.6034"/><path class="c" d="M20.0998,18.4132c2.0187,1.2609,3.2482,3.4935,3.2481,5.898h0c-.0005,3.8254-3.0586,6.9262-6.8304,6.9257h0c-3.7715,0-6.829-3.1006-6.8295-6.9257,0-2.414,1.2391-4.654,3.2706-5.912"/><path class="c" d="M25.8326,31.2592v-11.2621c0-2.073,3.3536-2.7488,4.1909-.4704l3.7839,10.3026c.8363,2.2774,4.1899,1.6026,4.1899-.4714v-11.2621"/></svg>

Copied!

On Plus Icon

More from Arcticons