Check Badge icon
andrsrxn:check-badge
The Check Badge icon (andrsrxn:check-badge) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Symbols
- Tags
- checkbadge
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M9.76 3.2c.7-.76 1.03-1.15 1.42-1.32a2 2 0 0 1 1.64 0c.39.17.73.56 1.42 1.33c.31.35.47.52.65.65a2 2 0 0 0 .82.34c.22.04.46.03.93 0a5 5 0 0 1 1.94.07a2 2 0 0 1 1.15 1.15c.15.4.13.91.07 1.94c-.03.47-.04.7 0 .93a2 2 0 0 0 .34.82c.13.18.3.34.65.65c.77.7 1.16 1.03 1.33 1.42a2 2 0 0 1 0 1.64c-.18.39-.56.73-1.33 1.42c-.35.31-.52.47-.65.65a2 2 0 0 0-.34.82c-.04.22-.03.46 0 .93a5 5 0 0 1-.07 1.94a2 2 0 0 1-1.15 1.15c-.4.15-.91.13-1.94.07c-.47-.03-.7-.04-.93 0a2 2 0 0 0-.82.34c-.18.13-.34.3-.65.65c-.7.77-1.03 1.16-1.42 1.33a2 2 0 0 1-1.64 0c-.39-.18-.73-.56-1.42-1.33a4 4 0 0 0-.65-.65a2 2 0 0 0-.82-.34a4 4 0 0 0-.93 0a5 5 0 0 1-1.94-.07a2 2 0 0 1-1.15-1.15c-.15-.4-.13-.91-.07-1.94c.03-.47.04-.7 0-.93a2 2 0 0 0-.34-.82c-.13-.18-.3-.34-.65-.65c-.77-.7-1.16-1.03-1.33-1.42a2 2 0 0 1 0-1.64c.17-.39.56-.73 1.33-1.42c.35-.31.52-.47.65-.65a2 2 0 0 0 .34-.82c.04-.22.03-.46 0-.93a5 5 0 0 1 .07-1.94a2 2 0 0 1 1.15-1.15c.4-.15.91-.13 1.94-.07c.47.03.7.04.93 0a2 2 0 0 0 .82-.34c.18-.13.34-.3.65-.65" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.73 3.14c.75-.8 1.13-1.2 1.56-1.37a2 2 0 0 1 1.42 0c.43.16.81.57 1.56 1.37c.34.37.51.55.71.68a2 2 0 0 0 .7.29c.23.04.48.03.97.02c1.1-.04 1.66-.06 2.08.13a2 2 0 0 1 1 1c.2.43.18.98.14 2.09c-.02.5-.02.74.02.97a2 2 0 0 0 .3.7c.12.2.3.37.67.7c.8.76 1.2 1.14 1.37 1.57a2 2 0 0 1 0 1.42c-.16.43-.57.81-1.37 1.56c-.37.34-.55.51-.68.71a2 2 0 0 0-.29.7c-.04.23-.04.48-.02.97c.04 1.1.06 1.66-.13 2.08a2 2 0 0 1-1 1c-.43.2-.98.18-2.09.14a5 5 0 0 0-.97.02a2 2 0 0 0-.7.3c-.2.12-.37.3-.7.67c-.76.8-1.14 1.2-1.57 1.37a2 2 0 0 1-1.42 0c-.43-.16-.81-.57-1.56-1.37a4 4 0 0 0-.71-.68a2 2 0 0 0-.7-.29a5 5 0 0 0-.97-.02c-1.1.04-1.66.06-2.08-.13a2 2 0 0 1-1-1c-.2-.43-.18-.98-.14-2.09c.02-.5.02-.74-.02-.97a2 2 0 0 0-.3-.7a4 4 0 0 0-.67-.7c-.8-.76-1.2-1.14-1.37-1.57a2 2 0 0 1 0-1.42c.16-.43.57-.81 1.37-1.56c.37-.34.55-.51.68-.71a2 2 0 0 0 .29-.7c.04-.23.04-.48.02-.97c-.04-1.1-.06-1.66.13-2.08a2 2 0 0 1 1-1c.43-.2.98-.18 2.09-.14c.5.01.74.02.97-.02a2 2 0 0 0 .7-.3c.2-.12.37-.3.7-.67"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.06 12.85l.98 1.2c.72.88 1.08 1.32 1.56 1.32c.47 0 .83-.44 1.54-1.32l3.8-4.69"/></g></svg>
How to use the Check Badge icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:check-badge" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:check-badge" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:check-badge" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--check-badge]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:check-badge"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:check-badge"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/check-badge.svg" alt="Check Badge icon" width="24" height="24">
Related icons in andrsrxn/icons
Check Badge icon in other icon sets
Check Badge icon FAQ
Is the Check Badge icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Check Badge icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:check-badge" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Check Badge icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/check-badge.svg" alt="Check Badge icon">, or paste the SVG code inline to style it with CSS.
Browse all andrsrxn/icons →
ICONYZ
