checkmark badge 04 icon
checkmark-badge-04 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- checkmark-badge-04
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the checkmark badge 04 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M14.262 3.6C13.196 2.532 12.662 2 12 2s-1.196.533-2.262 1.6c-.64.64-1.274.936-2.186.936c-.796 0-1.93-.154-2.552.473c-.618.623-.464 1.752-.464 2.543c0 .912-.297 1.546-.937 2.186C2.533 10.804 2 11.338 2 12s.533 1.196 1.6 2.262c.716.717.936 1.18.936 2.186c0 .796-.154 1.93.473 2.552c.623.617 1.752.464 2.543.464c.971 0 1.44.19 2.133.883c.59.59 1.381 1.653 2.315 1.653s1.725-1.063 2.315-1.653c.694-.693 1.162-.883 2.133-.883c.791 0 1.92.154 2.543-.464m1.41-9.262C21.467 10.804 22 11.338 22 12s-.533 1.196-1.6 2.262c-.716.717-.936 1.18-.936 2.186c0 .796.154 1.93-.473 2.552m0 0H19"/><path d="M8.5 9.5L12 13l9-10"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsCheckmarkBadge04(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M14.262 3.6C13.196 2.532 12.662 2 12 2s-1.196.533-2.262 1.6c-.64.64-1.274.936-2.186.936c-.796 0-1.93-.154-2.552.473c-.618.623-.464 1.752-.464 2.543c0 .912-.297 1.546-.937 2.186C2.533 10.804 2 11.338 2 12s.533 1.196 1.6 2.262c.716.717.936 1.18.936 2.186c0 .796-.154 1.93.473 2.552c.623.617 1.752.464 2.543.464c.971 0 1.44.19 2.133.883c.59.59 1.381 1.653 2.315 1.653s1.725-1.063 2.315-1.653c.694-.693 1.162-.883 2.133-.883c.791 0 1.92.154 2.543-.464m1.41-9.262C21.467 10.804 22 11.338 22 12s-.533 1.196-1.6 2.262c-.716.717-.936 1.18-.936 2.186c0 .796.154 1.93-.473 2.552m0 0H19"/><path d="M8.5 9.5L12 13l9-10"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M14.262 3.6C13.196 2.532 12.662 2 12 2s-1.196.533-2.262 1.6c-.64.64-1.274.936-2.186.936c-.796 0-1.93-.154-2.552.473c-.618.623-.464 1.752-.464 2.543c0 .912-.297 1.546-.937 2.186C2.533 10.804 2 11.338 2 12s.533 1.196 1.6 2.262c.716.717.936 1.18.936 2.186c0 .796-.154 1.93.473 2.552c.623.617 1.752.464 2.543.464c.971 0 1.44.19 2.133.883c.59.59 1.381 1.653 2.315 1.653s1.725-1.063 2.315-1.653c.694-.693 1.162-.883 2.133-.883c.791 0 1.92.154 2.543-.464m1.41-9.262C21.467 10.804 22 11.338 22 12s-.533 1.196-1.6 2.262c-.716.717-.936 1.18-.936 2.186c0 .796.154 1.93-.473 2.552m0 0H19"/><path d="M8.5 9.5L12 13l9-10"/></g></svg> </template>
CSS
.icon-checkmark-badge-04 {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M14.262%203.6C13.196%202.532%2012.662%202%2012%202s-1.196.533-2.262%201.6c-.64.64-1.274.936-2.186.936c-.796%200-1.93-.154-2.552.473c-.618.623-.464%201.752-.464%202.543c0%20.912-.297%201.546-.937%202.186C2.533%2010.804%202%2011.338%202%2012s.533%201.196%201.6%202.262c.716.717.936%201.18.936%202.186c0%20.796-.154%201.93.473%202.552c.623.617%201.752.464%202.543.464c.971%200%201.44.19%202.133.883c.59.59%201.381%201.653%202.315%201.653s1.725-1.063%202.315-1.653c.694-.693%201.162-.883%202.133-.883c.791%200%201.92.154%202.543-.464m1.41-9.262C21.467%2010.804%2022%2011.338%2022%2012s-.533%201.196-1.6%202.262c-.716.717-.936%201.18-.936%202.186c0%20.796.154%201.93-.473%202.552m0%200H19%22%2F%3E%3Cpath%20d%3D%22M8.5%209.5L12%2013l9-10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M14.262%203.6C13.196%202.532%2012.662%202%2012%202s-1.196.533-2.262%201.6c-.64.64-1.274.936-2.186.936c-.796%200-1.93-.154-2.552.473c-.618.623-.464%201.752-.464%202.543c0%20.912-.297%201.546-.937%202.186C2.533%2010.804%202%2011.338%202%2012s.533%201.196%201.6%202.262c.716.717.936%201.18.936%202.186c0%20.796-.154%201.93.473%202.552c.623.617%201.752.464%202.543.464c.971%200%201.44.19%202.133.883c.59.59%201.381%201.653%202.315%201.653s1.725-1.063%202.315-1.653c.694-.693%201.162-.883%202.133-.883c.791%200%201.92.154%202.543-.464m1.41-9.262C21.467%2010.804%2022%2011.338%2022%2012s-.533%201.196-1.6%202.262c-.716.717-.936%201.18-.936%202.186c0%20.796.154%201.93-.473%202.552m0%200H19%22%2F%3E%3Cpath%20d%3D%22M8.5%209.5L12%2013l9-10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/checkmark-badge-04.svg?color=%231a73e8&size=48
