Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

VS Code Icons · VscVerifiedFilled

Verified Filled icon

A free verified filled icon from VS Code Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known ascheck icontick icondone iconsuccess iconcheckmark iconcomplete iconapprove iconconfirm icon
License
CC BY 4.0 license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/verified-filled.json
components/icons/vscode-codicons-verified-filled.tsx
import * as React from "react";

/**
 * Verified Filled from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/verified-filled. Sized in em, colored by currentColor.
 */
export function VscVerifiedFilledIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 16 16"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.335 2.06532L11.4114 2.21789L11.9879 3.75087C12.0332 3.87159 12.1284 3.96685 12.2492 4.01214L13.7292 4.56741C14.3787 4.81108 14.7278 5.50512 14.5547 6.16178L14.5131 6.29246L13.8245 7.81529C13.7712 7.93268 13.7712 8.06739 13.8245 8.18478L14.4784 9.62399C14.7654 10.2556 14.5214 10.9931 13.9347 11.3351L13.7822 11.4115L12.2492 11.9879C12.1284 12.0332 12.0332 12.1285 11.9879 12.2492L11.4326 13.7293C11.189 14.3788 10.4949 14.7278 9.83826 14.5547L9.70758 14.5131L8.18475 13.8245C8.06736 13.7712 7.93265 13.7712 7.81526 13.8245L6.37605 14.4785C5.74448 14.7654 5.00693 14.5215 4.66498 13.9347L4.58856 13.7822L4.01211 12.2492C3.96682 12.1285 3.87156 12.0332 3.75084 11.9879L2.27076 11.4327C1.62126 11.189 1.27224 10.4949 1.44531 9.83829L1.48695 9.70761L2.17552 8.18478C2.22886 8.06739 2.22886 7.93268 2.17552 7.81529L1.52159 6.37608C1.23462 5.74451 1.47858 5.00696 2.06529 4.66501L2.21786 4.58859L3.75084 4.01214C3.87156 3.96685 3.96682 3.87159 4.01211 3.75087L4.56738 2.27079C4.81105 1.62129 5.50509 1.27227 6.16175 1.44534L6.29243 1.48698L7.81526 2.17555C7.93265 2.22889 8.06736 2.22889 8.18475 2.17555L9.62396 1.52162C10.2555 1.23465 10.9931 1.47861 11.335 2.06532ZM10.1639 5.70595L6.97825 9.34669L5.8158 8.18424C5.64139 8.00983 5.35862 8.00983 5.18421 8.18424C5.0098 8.35865 5.0098 8.64142 5.18421 8.81583L6.68421 10.3158C6.86689 10.4985 7.16599 10.4885 7.33611 10.2941L10.8361 6.29412C10.9985 6.1085 10.9797 5.82635 10.7941 5.66393C10.6085 5.50151 10.3263 5.52032 10.1639 5.70595Z"
      />
    </svg>
  );
}
With react-icons
import { VscVerifiedFilled } from "react-icons/vsc";

export function Example() {
  return <VscVerifiedFilled className="size-5" />;
}
verified-filled.svg
<svg
  viewBox="0 0 16 16"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M11.335 2.06532L11.4114 2.21789L11.9879 3.75087C12.0332 3.87159 12.1284 3.96685 12.2492 4.01214L13.7292 4.56741C14.3787 4.81108 14.7278 5.50512 14.5547 6.16178L14.5131 6.29246L13.8245 7.81529C13.7712 7.93268 13.7712 8.06739 13.8245 8.18478L14.4784 9.62399C14.7654 10.2556 14.5214 10.9931 13.9347 11.3351L13.7822 11.4115L12.2492 11.9879C12.1284 12.0332 12.0332 12.1285 11.9879 12.2492L11.4326 13.7293C11.189 14.3788 10.4949 14.7278 9.83826 14.5547L9.70758 14.5131L8.18475 13.8245C8.06736 13.7712 7.93265 13.7712 7.81526 13.8245L6.37605 14.4785C5.74448 14.7654 5.00693 14.5215 4.66498 13.9347L4.58856 13.7822L4.01211 12.2492C3.96682 12.1285 3.87156 12.0332 3.75084 11.9879L2.27076 11.4327C1.62126 11.189 1.27224 10.4949 1.44531 9.83829L1.48695 9.70761L2.17552 8.18478C2.22886 8.06739 2.22886 7.93268 2.17552 7.81529L1.52159 6.37608C1.23462 5.74451 1.47858 5.00696 2.06529 4.66501L2.21786 4.58859L3.75084 4.01214C3.87156 3.96685 3.96682 3.87159 4.01211 3.75087L4.56738 2.27079C4.81105 1.62129 5.50509 1.27227 6.16175 1.44534L6.29243 1.48698L7.81526 2.17555C7.93265 2.22889 8.06736 2.22889 8.18475 2.17555L9.62396 1.52162C10.2555 1.23465 10.9931 1.47861 11.335 2.06532ZM10.1639 5.70595L6.97825 9.34669L5.8158 8.18424C5.64139 8.00983 5.35862 8.00983 5.18421 8.18424C5.0098 8.35865 5.0098 8.64142 5.18421 8.81583L6.68421 10.3158C6.86689 10.4985 7.16599 10.4885 7.33611 10.2941L10.8361 6.29412C10.9985 6.1085 10.9797 5.82635 10.7941 5.66393C10.6085 5.50151 10.3263 5.52032 10.1639 5.70595Z"
  />
</svg>
Attribution
"Verified Filled" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: check, tick, done, success