Menu

Beta
Sign in
Beta
Check Box SVG icon, line

Check Box SVG icon, line

A check mark inside a square shows a selected choice. It suits a checked form option or a completed item in a checklist.

Free · from Interface icons, line · Set 2

Similar SVGs

More from Interface icons, line · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3ai_dj4q61YV/amnt.svg" alt="Check Box" 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="grape" data-name="Grape"><path d="M453 138c-44 0-87 1-130 1-71 0-148-13-180 67-15 36-8 137-8 181 0 62 0 125 0 188 0 42 0 85 0 128 0 69-10 149 72 177 33 11 107 5 146 5 75 0 150 0 226 0 43 0 86 0 129 0 52 0 109 9 150-31 11-12 20-25 25-41 6-20 5-38 5-57 1-50 0-101 0-150 0-53 1-104 1-156s0-102-1-154c0-17 2-35 1-52-2-43-27-82-68-98-34-13-139-7-181-7-63 0-125-1-187-1zM241 200c34-2 69 0 103 0 69 0 140 0 210 0 52 0 104 0 157 0 39 0 109-13 115 41 4 34 1 70 1 104 0 69 0 139 0 209 0 52 0 104 0 157 0 39 13 108-44 113-33 3-68 0-101 0-71 0-141 0-211 0-53 0-105 0-157 0-40 0-111 14-116-41-4-33-1-68-1-101 0-71 0-141 0-211 0-53 0-105 0-157 0-41-13-109 44-114z" fill="#01266b" stroke="#01266b"/></g><g id="green" data-name="Green"><path d="M433 580c-28-28-56-56-83-86-8-8-16-19-26-25-15-9-35-10-51-3-25 11-38 42-28 68 6 17 67 78 84 96 21 22 42 44 62 67 7 7 13 15 20 21 8 7 18 9 27 8 18-3 29-24 41-36 45-49 87-100 132-150 44-50 88-101 132-151 23-25 56-52 43-90-13-37-62-46-88-18-21 21-38 44-58 65-39 42-76 86-113 128-31 36-66 69-94 106z" fill="#10cd35" stroke="#10cd35"/></g></svg>
CSS background-image
.check-box {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3ai_dj4q61YV/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.check-box {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3ai_dj4q61YV/amnt.svg") center / contain no-repeat;
}
React
import CheckBoxSvg from "./check-box.jsx"; // from the React tab above

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

Tags

checkboxselectedforminterfaceiconline

Made with AMNT

AMNT Draw 1.2 drew this from the words Check Box: Square outline containing a check mark. A flat colour icon. as part of the pack Interface 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