Calculator Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Calculator Svg 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/308944.svg" alt="Calculator Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308944.svg" alt="Calculator Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308944.svg" alt="Calculator Svg icon" :width="24" :height="24" />
CSS background
.icon-calculator---svg {
background-image: url('https://proicons.com/icon/308944.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V9V19C20 20.6569 18.6569 22 17 22H7C5.34315 22 4 20.6569 4 19V9V3ZM18 4V8H6V4H18ZM8 13C8 12.4477 8.44772 12 9 12H10C10.5523 12 11 12.4477 11 13C11 13.5523 10.5523 14 10 14H9C8.44772 14 8 13.5523 8 13ZM13 13C13 12.4477 13.4477 12 14 12H15C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14H14C13.4477 14 13 13.5523 13 13ZM9 16C8.44772 16 8 16.4477 8 17C8 17.5523 8.44772 18 9 18H10C10.5523 18 11 17.5523 11 17C11 16.4477 10.5523 16 10 16H9ZM13 17C13 16.4477 13.4477 16 14 16H15C15.5523 16 16 16.4477 16 17C16 17.5523 15.5523 18 15 18H14C13.4477 18 13 17.5523 13 17Z" fill="#292929"/> </svg>
Copied!