checkmark badge 01 icon
checkmark-badge-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- checkmark-badge-01
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the checkmark badge 01 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-width="1.5"><path d="M18.99 19H19m-.01 0c-.622.617-1.75.464-2.542.464c-.972 0-1.44.19-2.133.883C13.725 20.937 12.934 22 12 22s-1.725-1.063-2.315-1.653c-.694-.693-1.162-.883-2.133-.883c-.791 0-1.92.154-2.543-.464c-.627-.622-.473-1.756-.473-2.552c0-1.007-.22-1.47-.937-2.186C2.533 13.196 2 12.662 2 12s.533-1.196 1.6-2.262c.64-.64.936-1.274.936-2.186c0-.791-.154-1.92.464-2.543c.622-.627 1.756-.473 2.552-.473c.912 0 1.546-.297 2.186-.937C10.804 2.533 11.338 2 12 2s1.196.533 2.262 1.6c.64.64 1.274.936 2.186.936c.791 0 1.92-.154 2.543.464c.627.622.473 1.756.473 2.552c0 1.007.22 1.47.937 2.186C21.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.552Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.893s1.2.652 1.8 1.607c0 0 1.8-3.75 4.2-5"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsCheckmarkBadge01(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" strokeWidth="1.5"><path d="M18.99 19H19m-.01 0c-.622.617-1.75.464-2.542.464c-.972 0-1.44.19-2.133.883C13.725 20.937 12.934 22 12 22s-1.725-1.063-2.315-1.653c-.694-.693-1.162-.883-2.133-.883c-.791 0-1.92.154-2.543-.464c-.627-.622-.473-1.756-.473-2.552c0-1.007-.22-1.47-.937-2.186C2.533 13.196 2 12.662 2 12s.533-1.196 1.6-2.262c.64-.64.936-1.274.936-2.186c0-.791-.154-1.92.464-2.543c.622-.627 1.756-.473 2.552-.473c.912 0 1.546-.297 2.186-.937C10.804 2.533 11.338 2 12 2s1.196.533 2.262 1.6c.64.64 1.274.936 2.186.936c.791 0 1.92-.154 2.543.464c.627.622.473 1.756.473 2.552c0 1.007.22 1.47.937 2.186C21.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.552Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M9 12.893s1.2.652 1.8 1.607c0 0 1.8-3.75 4.2-5"/></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-width="1.5"><path d="M18.99 19H19m-.01 0c-.622.617-1.75.464-2.542.464c-.972 0-1.44.19-2.133.883C13.725 20.937 12.934 22 12 22s-1.725-1.063-2.315-1.653c-.694-.693-1.162-.883-2.133-.883c-.791 0-1.92.154-2.543-.464c-.627-.622-.473-1.756-.473-2.552c0-1.007-.22-1.47-.937-2.186C2.533 13.196 2 12.662 2 12s.533-1.196 1.6-2.262c.64-.64.936-1.274.936-2.186c0-.791-.154-1.92.464-2.543c.622-.627 1.756-.473 2.552-.473c.912 0 1.546-.297 2.186-.937C10.804 2.533 11.338 2 12 2s1.196.533 2.262 1.6c.64.64 1.274.936 2.186.936c.791 0 1.92-.154 2.543.464c.627.622.473 1.756.473 2.552c0 1.007.22 1.47.937 2.186C21.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.552Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.893s1.2.652 1.8 1.607c0 0 1.8-3.75 4.2-5"/></g></svg> </template>
CSS
.icon-checkmark-badge-01 {
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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M18.99%2019H19m-.01%200c-.622.617-1.75.464-2.542.464c-.972%200-1.44.19-2.133.883C13.725%2020.937%2012.934%2022%2012%2022s-1.725-1.063-2.315-1.653c-.694-.693-1.162-.883-2.133-.883c-.791%200-1.92.154-2.543-.464c-.627-.622-.473-1.756-.473-2.552c0-1.007-.22-1.47-.937-2.186C2.533%2013.196%202%2012.662%202%2012s.533-1.196%201.6-2.262c.64-.64.936-1.274.936-2.186c0-.791-.154-1.92.464-2.543c.622-.627%201.756-.473%202.552-.473c.912%200%201.546-.297%202.186-.937C10.804%202.533%2011.338%202%2012%202s1.196.533%202.262%201.6c.64.64%201.274.936%202.186.936c.791%200%201.92-.154%202.543.464c.627.622.473%201.756.473%202.552c0%201.007.22%201.47.937%202.186C21.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.552Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012.893s1.2.652%201.8%201.607c0%200%201.8-3.75%204.2-5%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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M18.99%2019H19m-.01%200c-.622.617-1.75.464-2.542.464c-.972%200-1.44.19-2.133.883C13.725%2020.937%2012.934%2022%2012%2022s-1.725-1.063-2.315-1.653c-.694-.693-1.162-.883-2.133-.883c-.791%200-1.92.154-2.543-.464c-.627-.622-.473-1.756-.473-2.552c0-1.007-.22-1.47-.937-2.186C2.533%2013.196%202%2012.662%202%2012s.533-1.196%201.6-2.262c.64-.64.936-1.274.936-2.186c0-.791-.154-1.92.464-2.543c.622-.627%201.756-.473%202.552-.473c.912%200%201.546-.297%202.186-.937C10.804%202.533%2011.338%202%2012%202s1.196.533%202.262%201.6c.64.64%201.274.936%202.186.936c.791%200%201.92-.154%202.543.464c.627.622.473%201.756.473%202.552c0%201.007.22%201.47.937%202.186C21.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.552Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012.893s1.2.652%201.8%201.607c0%200%201.8-3.75%204.2-5%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-01.svg?color=%231a73e8&size=48
