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

Devicons · DiJsBadge

Js Badge icon

A free js badge icon from Devicons, 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 asaward icon trophy icon medal icon prize icon winner icon achievement icon

License: MIT license
Project: vorillaz.github.io

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/devicons/js-badge.json

components/icons/devicons-js-badge.tsx

import * as React from "react";

/**
 * Js Badge from Devicons (https://vorillaz.github.io/devicons/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/devicons/js-badge. Sized in em, colored by currentColor.
 */
export function DiJsBadgeIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1.1"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M0.384 0.67v31.296h31.296v-31.296h-31.296zM16.718 27.442c-0.461 0.937-1.342 1.553-2.362 1.85-1.568 0.36-3.067 0.155-4.183-0.515-0.747-0.458-1.33-1.163-1.725-1.975 0.794-0.485 1.586-0.973 2.38-1.458 0.021 0.009 0.083 0.122 0.167 0.268 0.303 0.509 0.565 0.869 1.080 1.121 0.506 0.172 1.615 0.283 2.044-0.607 0.262-0.452 0.178-1.936 0.178-3.545 0-2.529 0.012-5.016 0.012-7.576h2.927c0 2.688 0.015 5.383 0 8.067 0.006 1.645 0.149 3.14-0.518 4.369zM28.862 26.615c-1.017 3.481-6.691 3.594-8.957 1.294-0.479-0.541-0.779-0.824-1.065-1.449 1.205-0.693 1.205-0.693 2.377-1.371 0.637 0.979 1.226 1.517 2.285 1.737 1.437 0.175 2.883-0.318 2.559-1.844-0.333-1.247-2.942-1.55-4.718-2.883-1.803-1.211-2.225-4.153-0.744-5.834 0.494-0.622 1.336-1.086 2.219-1.309 0.306-0.039 0.616-0.080 0.922-0.119 1.77-0.036 2.877 0.431 3.689 1.339 0.226 0.229 0.41 0.476 0.756 1.012-0.943 0.601-0.94 0.595-2.291 1.47-0.289-0.622-0.767-1.012-1.273-1.181-0.785-0.238-1.776 0.021-1.981 0.851-0.071 0.256-0.056 0.494 0.057 0.916 0.318 0.726 1.386 1.041 2.344 1.481 2.758 1.119 3.689 2.317 3.918 3.745 0.22 1.229-0.054 2.026-0.095 2.145z"
      />
    </svg>
  );
}

With react-icons

import { DiJsBadge } from "react-icons/di";

export function Example() {
  return <DiJsBadge className="size-5" />;
}

js-badge.svg

<svg
  version="1.1"
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M0.384 0.67v31.296h31.296v-31.296h-31.296zM16.718 27.442c-0.461 0.937-1.342 1.553-2.362 1.85-1.568 0.36-3.067 0.155-4.183-0.515-0.747-0.458-1.33-1.163-1.725-1.975 0.794-0.485 1.586-0.973 2.38-1.458 0.021 0.009 0.083 0.122 0.167 0.268 0.303 0.509 0.565 0.869 1.080 1.121 0.506 0.172 1.615 0.283 2.044-0.607 0.262-0.452 0.178-1.936 0.178-3.545 0-2.529 0.012-5.016 0.012-7.576h2.927c0 2.688 0.015 5.383 0 8.067 0.006 1.645 0.149 3.14-0.518 4.369zM28.862 26.615c-1.017 3.481-6.691 3.594-8.957 1.294-0.479-0.541-0.779-0.824-1.065-1.449 1.205-0.693 1.205-0.693 2.377-1.371 0.637 0.979 1.226 1.517 2.285 1.737 1.437 0.175 2.883-0.318 2.559-1.844-0.333-1.247-2.942-1.55-4.718-2.883-1.803-1.211-2.225-4.153-0.744-5.834 0.494-0.622 1.336-1.086 2.219-1.309 0.306-0.039 0.616-0.080 0.922-0.119 1.77-0.036 2.877 0.431 3.689 1.339 0.226 0.229 0.41 0.476 0.756 1.012-0.943 0.601-0.94 0.595-2.291 1.47-0.289-0.622-0.767-1.012-1.273-1.181-0.785-0.238-1.776 0.021-1.981 0.851-0.071 0.256-0.056 0.494 0.057 0.916 0.318 0.726 1.386 1.041 2.344 1.481 2.758 1.119 3.689 2.317 3.918 3.745 0.22 1.229-0.054 2.026-0.095 2.145z"
  />
</svg>

Attribution

"Js Badge" icon from Devicons (https://vorillaz.github.io/devicons/), licensed under MIT license.

Related icons: award, trophy, medal, prize

Similar Devicons icons