Ikon Check Mark Button
fluent-emoji-high-contrast:check-mark-button
Ikon Check Mark Button (fluent-emoji-high-contrast:check-mark-button) adalah ikon SVG gratis dari set Fluent Emoji High Contrast karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent Emoji High Contrast
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Kategori
- Simbol
- Tag
- checkmark, markbutton, checkmarkbutton
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="m12 21.728l.002-.002l-5.4-5.4a1 1 0 0 1 1.413-1.415l5.4 5.401L24.022 9.707a1 1 0 1 1 1.414 1.414L14.121 22.435a1 1 0 0 1-1.414 0z"/><path d="M6 1a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V6a5 5 0 0 0-5-5zM3 6a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z"/><path d="m12.002 21.726l.353.354l.354-.354l-.354-.353zm-.002.002l-.353-.354l-.354.354l.353.353zm-5.399-5.402l.354-.354zm0-1.415l-.353-.353zm1.414 0l.354-.353zm5.4 5.401l-.353.354l.354.353l.353-.353zM24.022 9.707l-.354-.353zm1.414 0l.354-.353zm0 1.414l-.354-.353zM14.121 22.435l-.353-.354zm-1.414 0l-.353.354zM1.5 6A4.5 4.5 0 0 1 6 1.5v-1A5.5 5.5 0 0 0 .5 6zm0 20V6h-1v20zM6 30.5A4.5 4.5 0 0 1 1.5 26h-1A5.5 5.5 0 0 0 6 31.5zm20 0H6v1h20zm4.5-4.5a4.5 4.5 0 0 1-4.5 4.5v1a5.5 5.5 0 0 0 5.5-5.5zm0-20v20h1V6zM26 1.5A4.5 4.5 0 0 1 30.5 6h1A5.5 5.5 0 0 0 26 .5zm-20 0h20v-1H6zm0 1A3.5 3.5 0 0 0 2.5 6h1A2.5 2.5 0 0 1 6 3.5zm20 0H6v1h20zM29.5 6A3.5 3.5 0 0 0 26 2.5v1A2.5 2.5 0 0 1 28.5 6zm0 20V6h-1v20zM26 29.5a3.5 3.5 0 0 0 3.5-3.5h-1a2.5 2.5 0 0 1-2.5 2.5zm-20 0h20v-1H6zM2.5 26A3.5 3.5 0 0 0 6 29.5v-1A2.5 2.5 0 0 1 3.5 26zm0-20v20h1V6zm9.148 15.372l-.001.002l.706.708l.002-.002zm-5.4-4.693l5.4 5.4l.707-.706l-5.4-5.4zm0-2.121a1.5 1.5 0 0 0 0 2.121l.707-.707a.5.5 0 0 1 0-.707zm2.12 0a1.5 1.5 0 0 0-2.12 0l.707.707a.5.5 0 0 1 .707 0zm5.401 5.4l-5.4-5.4l-.707.707l5.4 5.4zm9.898-10.604L13.062 19.959l.707.707L24.374 10.06zm2.122 0a1.5 1.5 0 0 0-2.122 0l.707.707a.5.5 0 0 1 .707 0zm0 2.12a1.5 1.5 0 0 0 0-2.12l-.708.707a.5.5 0 0 1 0 .707zM14.475 22.79l11.314-11.314l-.708-.707L13.768 22.08zm-2.121 0a1.5 1.5 0 0 0 2.12 0l-.706-.708a.5.5 0 0 1-.707 0zm-.708-.708l.708.708l.707-.708l-.707-.707z"/></g></svg>Cara memakai ikon Check Mark Button
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:check-mark-button" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:check-mark-button" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:check-mark-button" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--check-mark-button]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:check-mark-button"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:check-mark-button"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/check-mark-button.svg" alt="Ikon Check Mark Button" width="24" height="24">Ikon terkait di Fluent Emoji High Contrast
Ikon Check Mark Button di set ikon lain
FAQ Ikon Check Mark Button
Apakah ikon Check Mark Button gratis untuk penggunaan komersial?
Ya. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Check Mark Button di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji-high-contrast:check-mark-button" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Check Mark Button ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/check-mark-button.svg" alt="Ikon Check Mark Button">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.