Onecard Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Onecard 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/345182.svg" alt="Onecard icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/345182.svg" alt="Onecard icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/345182.svg" alt="Onecard icon" :width="24" :height="24" />
CSS background
.icon-onecard {
background-image: url('https://proicons.com/icon/345182.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><line class="c" x1="4.5" y1="32" x2="43.5" y2="32"/><rect class="c" x="8.6972" y="16" width="7.6139" height="10.0884" rx="3.8069" ry="3.8069"/><path class="c" d="M27.7829,26.0884v-6.2815c0-2.1025-1.7044-3.8069-3.8069-3.8069h0c-2.1025,0-3.8069,1.7044-3.8069,3.8069"/><line class="c" x1="20.169" y1="26.0884" x2="20.169" y2="16"/><path class="c" d="M38.8037,24.1673c-.6557,1.1476-1.8914,1.9211-3.3078,1.9211h0c-2.1025,0-3.8069-1.7044-3.8069-3.8069v-2.4745c0-2.1025,1.7044-3.8069,3.8069-3.8069h0c2.1025,0,3.8069,1.7044,3.8069,3.8069v1.2373s-7.6139,0-7.6139,0"/><line class="c" x1="12.5042" y1="18.3899" x2="12.5042" y2="23.6986"/><path class="c" d="M11.3841,19.1125h.4931c.3463,0,.6269-.2807.6269-.6269"/><rect class="c" x="4.5" y="8.5" width="39" height="31" rx="4" ry="4"/></svg>
More from Arcticons
View all
Copied!