Product 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: product

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

React JSX

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

Vue template

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

CSS background

.icon-product {
  background-image: url('https://proicons.com/icon/320558.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 9.03 Build 55587)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="product_00000151526475377998649930000000989405511036492967_" d="M24,30.36H8c-0.199,0-0.36-0.161-0.36-0.36V14.869
	l-6.386,6.386l-0.509-0.51l7-7C7.813,13.678,7.904,13.64,8,13.64h16c0.096,0,0.188,0.038,0.255,0.105l7,7l-0.51,0.51l-6.385-6.386
	V30C24.36,30.199,24.199,30.36,24,30.36z M8.36,29.64h15.28V14.36H8.36V29.64z M22.255,10.254l-0.51-0.509l5-5l0.51,0.509
	L22.255,10.254z M9.746,10.254l-5-5l0.509-0.509l5,5L9.746,10.254z M16.36,9h-0.72V2h0.72V9z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Product in other icon packs

Ant Design Icons Filled

Ant Design Icons Outline

Copied!

Product Icon

More from Carbon Icons

Product in other icon packs