Picnic Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Picnic 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/331245.svg" alt="Picnic icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/331245.svg" alt="Picnic icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/331245.svg" alt="Picnic icon" :width="24" :height="24" />
CSS background
.icon-picnic {
background-image: url('https://proicons.com/icon/331245.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="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.c{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}.d{fill:#000;stroke-width:0px;}</style></defs><path id="b" class="c" d="M9.5,5.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-4H9.5Z"/><path class="c" d="M11.6351,22.3495v-11.8495h3.8793c2.1931,0,3.971,1.7817,3.971,3.9796s-1.7779,3.9796-3.971,3.9796h-3.8793"/><polyline class="c" points="11.6351 37.5 11.6351 25.6505 19.4854 37.5 19.4854 25.6505"/><circle class="d" cx="24" cy="24.0045" r=".75"/><line class="c" x1="24" y1="27.4458" x2="24" y2="37.5"/><line class="c" x1="24" y1="10.5" x2="24" y2="20.5542"/><path class="c" d="M36.3649,18.3758v.0485c0,2.1678-1.7573,3.9251-3.9251,3.9251h0c-2.1678,0-3.9251-1.7573-3.9251-3.9251v-3.9992c0-2.1678,1.7574-3.9252,3.9252-3.9251h0c2.1678,0,3.9251,1.7574,3.9251,3.9251v.0485"/><path class="c" d="M36.3649,33.5263v.0485c0,2.1678-1.7573,3.9251-3.9251,3.9251h0c-2.1678,0-3.9251-1.7573-3.9251-3.9251v-3.9992c0-2.1678,1.7574-3.9252,3.9252-3.9251h0c2.1678,0,3.9251,1.7574,3.9251,3.9251v.0485"/></svg>
Picnic in other icon packs
Copied!