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

Devicons · DiSizzlejs

Sizzlejs icon

A free sizzlejs 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.

License: MIT license
Project: vorillaz.github.io

Download SVG

Install with shadcn

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

components/icons/devicons-sizzlejs.tsx

import * as React from "react";

/**
 * Sizzlejs from Devicons (https://vorillaz.github.io/devicons/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/devicons/sizzlejs. Sized in em, colored by currentColor.
 */
export function DiSizzlejsIcon(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="M16.459 14.507l0.232-0.883c0.372-1.41 0.434-1.41 1.891-0.108 0.713 0.636 2.077 1.844 3.038 2.681 1.131 1.008 1.689 1.596 1.581 1.705-0.139 0.139-8.586 5.037-8.617 4.99-0.016 0 0.046-0.434 0.139-0.961 0.264-1.566 1.010-1.395-4.321-1.395l-5.025-0.063v0.45c0 0.682 0.837 1.302 3.239 2.449l2.108 0.992-0.372 0.31c-0.217 0.171-0.589 0.357-0.821 0.403-1.844 0.372 1.503 0.697 6.463 0.635l4.030-0.046 1.689-0.837c1.457-0.698 1.875-1.007 2.96-2.092 1.395-1.395 2.247-2.836 2.557-4.37 0.109-0.496 0.155-1.689 0.124-2.759-0.046-1.782-0.078-1.937-0.573-2.96-1.271-2.573-3.72-3.968-7.904-4.479-1.844-0.232-2.805-0.496-3.689-1.023l-0.511-0.294v0.418c0.016 0.232 0.109 0.589 0.232 0.806 0.325 0.558 0.294 0.62-0.264 0.62-0.279 0-0.821 0.155-1.209 0.325-1.069 0.48-2.092 0.636-3.146 0.45-0.496-0.093-1.007-0.217-1.131-0.264s-0.217 0-0.217 0.093c0 0.31 0.636 1.534 0.992 1.922l0.357 0.387-0.527 0.078c-0.279 0.046-1.131 0.434-1.875 0.868-1.519 0.852-2.046 1.023-2.774 0.806-0.604-0.17-0.604-0.155-0.17 0.62l0.341 0.604z"
      />
    </svg>
  );
}

With react-icons

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

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

sizzlejs.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="M16.459 14.507l0.232-0.883c0.372-1.41 0.434-1.41 1.891-0.108 0.713 0.636 2.077 1.844 3.038 2.681 1.131 1.008 1.689 1.596 1.581 1.705-0.139 0.139-8.586 5.037-8.617 4.99-0.016 0 0.046-0.434 0.139-0.961 0.264-1.566 1.010-1.395-4.321-1.395l-5.025-0.063v0.45c0 0.682 0.837 1.302 3.239 2.449l2.108 0.992-0.372 0.31c-0.217 0.171-0.589 0.357-0.821 0.403-1.844 0.372 1.503 0.697 6.463 0.635l4.030-0.046 1.689-0.837c1.457-0.698 1.875-1.007 2.96-2.092 1.395-1.395 2.247-2.836 2.557-4.37 0.109-0.496 0.155-1.689 0.124-2.759-0.046-1.782-0.078-1.937-0.573-2.96-1.271-2.573-3.72-3.968-7.904-4.479-1.844-0.232-2.805-0.496-3.689-1.023l-0.511-0.294v0.418c0.016 0.232 0.109 0.589 0.232 0.806 0.325 0.558 0.294 0.62-0.264 0.62-0.279 0-0.821 0.155-1.209 0.325-1.069 0.48-2.092 0.636-3.146 0.45-0.496-0.093-1.007-0.217-1.131-0.264s-0.217 0-0.217 0.093c0 0.31 0.636 1.534 0.992 1.922l0.357 0.387-0.527 0.078c-0.279 0.046-1.131 0.434-1.875 0.868-1.519 0.852-2.046 1.023-2.774 0.806-0.604-0.17-0.604-0.155-0.17 0.62l0.341 0.604z"
  />
</svg>

Attribution

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

Similar Devicons icons