Colours and style

Every picture in the library follows these, and so does every download.

Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
Calculate SVG icon, line

Calculate SVG icon, line

A calculator outline holds a display line above round keys. Place it beside pricing tools and math lesson materials.

Similar SVGs

More from Charts and data icons, line · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3JJn5VgYxhbf/amnt.svg" alt="Calculate" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cream" data-name="Cream"><path d="M269 76c-25 3-47 20-56 44-9 25-4 217-4 259 0 120 0 241 0 362 0 29-5 101 2 125 4 13 11 24 21 33 8 8 19 13 30 16 25 5 103 1 134 1 82 0 164 0 247 0 36 0 77 4 113 0 24-3 45-19 54-41 3-7 5-14 6-22 2-25 0-51 0-76 0-55 0-109 0-163 0-121 0-242 0-362 0-31 5-100-2-126-4-13-11-24-21-33-8-8-19-13-30-16-25-5-103-1-133-1-82 0-165 0-246 0-38 0-78-4-115 0zm21 45c27-4 78 0 108 0 83 0 167 0 251 0 18 0 37 0 56 0 42 0 68 5 68 55 0 20 0 40 0 61 0 33 4 73-38 80-29 5-78 1-108 1-84 0-167 0-250 0-18 0-36 0-53 0-43 0-72-5-72-54 0-20 0-40 0-59 0-32-4-78 38-84zm13 228c75-8 86 108 12 115-75 7-86-107-12-115zm135 0c74-8 87 106 14 115-76 9-88-106-14-115zm136 0c75-8 87 106 14 115-76 9-87-106-14-115zm136 0c75-7 86 108 12 115-75 7-85-107-12-115zM306 481c76-3 80 112 6 116-75 4-80-112-6-116zm135 0c75-4 82 111 8 116-76 5-82-111-8-116zm136 0c75-4 82 110 8 116-75 6-83-112-8-116zm135 0c76-5 82 111 8 116-75 5-81-111-8-116zM304 615c75-6 84 109 10 116-75 7-84-109-10-116zm136 0c74-5 84 109 10 116-76 7-84-110-10-116zm135 0c75-6 85 107 12 116-76 8-86-109-12-116zm137 0c76-4 82 112 8 116-75 4-81-111-8-116zM303 749c75-8 87 108 12 115s-85-107-12-115zm136 0c75-7 86 107 12 115-76 8-86-107-12-115zm135 0c75-8 87 106 14 115-76 9-87-107-14-115zm136 0c75-8 87 109 12 115s-85-107-12-115z" fill="#fcf5da" stroke="#fcf5da"/><path d="M565 636c-12 2-31 33-8 29 11-2 31-32 8-29z" fill="#fcf5da" stroke="#fcf5da"/><path d="M567 369c-11 1-34 31-12 30 10-1 33-30 12-30z" fill="#fcf5da" stroke="#fcf5da"/><path d="M429 636c-12 2-30 33-8 29 9-1 31-32 8-29z" fill="#fcf5da" stroke="#fcf5da"/><path d="M297 501c-11 0-35 29-14 30 10 0 34-28 14-30z" fill="#fcf5da" stroke="#fcf5da"/><path d="M567 769c-10 1-34 31-12 30 10-1 33-30 12-30z" fill="#fcf5da" stroke="#fcf5da"/><path d="M565 502c-12 2-31 33-8 29 10-2 32-32 8-29z" fill="#fcf5da" stroke="#fcf5da"/><path d="M431 769c-11 1-33 31-12 30 10 0 33-30 12-30z" fill="#fcf5da" stroke="#fcf5da"/><path d="M431 369c-11 0-33 30-12 30 10 0 33-30 12-30z" fill="#fcf5da" stroke="#fcf5da"/><path d="M429 502c-12 2-31 33-8 29 10-2 31-32 8-29z" fill="#fcf5da" stroke="#fcf5da"/><path d="M701 636c-11 2-31 32-9 29 10-1 32-31 9-29z" fill="#fcf5da" stroke="#fcf5da"/><path d="M700 502c-11 2-30 33-7 28 11-2 30-32 7-28z" fill="#fcf5da" stroke="#fcf5da"/><path d="M294 636c-11 2-32 32-9 29 11-2 31-31 9-29z" fill="#fcf5da" stroke="#fcf5da"/><path d="M296 369c-10 0-34 29-13 30 10 0 34-30 13-30z" fill="#fcf5da" stroke="#fcf5da"/><path d="M702 369c-11 1-32 32-11 30 9-1 33-31 11-30z" fill="#fcf5da" stroke="#fcf5da"/><path d="M703 769c-10 0-33 30-13 30 10 0 34-29 13-30z" fill="#fcf5da" stroke="#fcf5da"/><path d="M296 769c-10 0-34 29-13 30 10 0 34-30 13-30z" fill="#fcf5da" stroke="#fcf5da"/></g><g id="navy" data-name="Navy"><path d="M272 47c-43 3-81 34-90 77-6 31-2 65-2 97 0 43 0 87 0 131 0 131 0 263 0 395 0 22 0 44 0 66 0 38 0 74 29 103 24 26 51 28 84 28 27 0 55 1 82 1 73 0 148-1 221-1 48 0 125 6 170-1 39-6 74-43 78-83 3-28 0-58 0-86 0-46 0-91 0-136 0-87 3-174 0-260-1-38 2-78 1-116-2-43 3-88-1-130-2-16-9-34-19-47-38-49-103-38-158-38-88 0-176 0-263 0-44 0-89-3-132 0zm-3 29c37-4 77 0 115 0 81 0 164 0 246 0 30 0 108-4 133 1 11 3 22 8 30 16 10 9 17 20 21 33 7 26 2 95 2 126 0 120 0 241 0 362 0 54 0 108 0 163 0 25 2 51 0 76-1 8-3 15-6 22-9 22-30 38-54 41-36 4-77 0-113 0-83 0-165 0-247 0-31 0-109 4-134-1-11-3-22-8-30-16-10-9-17-20-21-33-7-24-2-96-2-125 0-121 0-242 0-362 0-42-5-234 4-259 9-24 31-41 56-44z" fill="#042549" stroke="#042549"/><path d="M290 121c-42 6-38 52-38 84 0 19 0 39 0 59 0 49 29 54 72 54 17 0 35 0 53 0 83 0 166 0 250 0 30 0 79 4 108-1 42-7 38-47 38-80 0-21 0-41 0-61 0-50-26-55-68-55-19 0-38 0-56 0-84 0-168 0-251 0-30 0-81-4-108 0zm5 28c18-3 61 0 82 0 73 0 146 0 220 0 31 0 63 0 95 0 12 0 26-2 37 0 5 1 9 3 12 7 2 3 3 6 4 10 2 12 2 105-2 113-2 5-7 9-12 10-16 3-59 0-78 0-75 0-149 0-223 0-34 0-67 0-100 0-12 0-25 2-36 0-4-1-7-3-10-6-1-2-2-4-3-7-2-9-2-105 0
…
CSS background-image
.calculate {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3JJn5VgYxhbf/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.calculate {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3JJn5VgYxhbf/amnt.svg") center / contain no-repeat;
}
React
import CalculateSvg from "./calculate.jsx"; // from the React tab above

<CalculateSvg width={48} height={48} />

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Calculate: A calculator outline contains a display line and a grid of round keys. A flat colour icon. as part of the pack Charts and data icons, line · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings