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/308336.svg" alt="Calculator Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308336.svg" alt="Calculator Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308336.svg" alt="Calculator Svg icon" :width="24" :height="24" />
CSS background
.icon-calculator---svg {
background-image: url('https://proicons.com/icon/308336.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 d="M5 3H19V19C19 20.1046 18.1046 21 17 21H7C5.89543 21 5 20.1046 5 19V3Z" fill="#1CB0F6" stroke="#1CB0F6" stroke-width="2" stroke-linejoin="round"/> <path d="M5 9H19" stroke="#84D8FF" stroke-width="2" stroke-linecap="square"/> <path d="M9 13H10" stroke="#DDF4FF" stroke-width="2" stroke-linecap="round"/> <path d="M14 13H15" stroke="#DDF4FF" stroke-width="2" stroke-linecap="round"/> <path d="M9 17H10" stroke="#DDF4FF" stroke-width="2" stroke-linecap="round"/> <path d="M14 17H15" stroke="#DDF4FF" stroke-width="2" stroke-linecap="round"/> </svg>
Copied!