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

Devicons · DiScriptcs

Scriptcs icon

A free scriptcs 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/scriptcs.json

components/icons/devicons-scriptcs.tsx

import * as React from "react";

/**
 * Scriptcs from Devicons (https://vorillaz.github.io/devicons/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/devicons/scriptcs. Sized in em, colored by currentColor.
 */
export function DiScriptcsIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1.1"
      viewBox="0 0 34 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M16.962 4.898c-6.089-0.042-11.082 4.883-11.129 10.977-0.048 6.17 4.845 11.156 11.017 11.227 6.075 0.070 11.101-4.895 11.16-11.023 0.059-6.147-4.873-11.138-11.048-11.18zM16.594 12.297c-0.175 0.239-0.336 0.027-0.478-0.034-2.669-1.148-5.161 0.218-5.576 3.088-0.145 1-0.087 2.001 0.319 2.946 0.84 1.955 3.064 2.664 5.115 1.645 0.159-0.079 0.288-0.232 0.469-0.22 0.247 0.673-0.097 0.963-0.688 1.156-2.842 0.924-5.475-0.347-6.054-3.332-0.519-2.676 0.588-5.173 2.79-6.108 1.286-0.546 2.584-0.461 3.88-0.020l0.344 0.091c0.020 0.262 0.134 0.56-0.121 0.787zM23.83 19.047c-0.152 0.944-0.993 1.751-2.080 1.999-0.791 0.18-1.578 0.167-2.363-0.036-1.014-0.262-1.099-0.376-1.036-1.462 0.584 0.361 1.177 0.659 1.843 0.778 0.64 0.114 1.271 0.081 1.855-0.194 1.071-0.504 1.265-1.907 0.394-2.705-0.489-0.449-1.104-0.684-1.687-0.974-0.418-0.208-0.84-0.417-1.233-0.668-0.846-0.542-1.246-1.331-1.156-2.336 0.097-1.073 0.745-1.742 1.698-2.124 1.032-0.414 2.071-0.315 3.109 0.037 0.604 0.205 0.374 0.67 0.418 1.154-0.909-0.457-1.755-0.794-2.712-0.615-0.874 0.164-1.465 0.677-1.588 1.395-0.146 0.845 0.137 1.461 0.959 1.925 0.743 0.42 1.533 0.759 2.273 1.184 1.137 0.654 1.499 1.432 1.304 2.643z"
      />
    </svg>
  );
}

With react-icons

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

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

scriptcs.svg

<svg
  version="1.1"
  viewBox="0 0 34 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M16.962 4.898c-6.089-0.042-11.082 4.883-11.129 10.977-0.048 6.17 4.845 11.156 11.017 11.227 6.075 0.070 11.101-4.895 11.16-11.023 0.059-6.147-4.873-11.138-11.048-11.18zM16.594 12.297c-0.175 0.239-0.336 0.027-0.478-0.034-2.669-1.148-5.161 0.218-5.576 3.088-0.145 1-0.087 2.001 0.319 2.946 0.84 1.955 3.064 2.664 5.115 1.645 0.159-0.079 0.288-0.232 0.469-0.22 0.247 0.673-0.097 0.963-0.688 1.156-2.842 0.924-5.475-0.347-6.054-3.332-0.519-2.676 0.588-5.173 2.79-6.108 1.286-0.546 2.584-0.461 3.88-0.020l0.344 0.091c0.020 0.262 0.134 0.56-0.121 0.787zM23.83 19.047c-0.152 0.944-0.993 1.751-2.080 1.999-0.791 0.18-1.578 0.167-2.363-0.036-1.014-0.262-1.099-0.376-1.036-1.462 0.584 0.361 1.177 0.659 1.843 0.778 0.64 0.114 1.271 0.081 1.855-0.194 1.071-0.504 1.265-1.907 0.394-2.705-0.489-0.449-1.104-0.684-1.687-0.974-0.418-0.208-0.84-0.417-1.233-0.668-0.846-0.542-1.246-1.331-1.156-2.336 0.097-1.073 0.745-1.742 1.698-2.124 1.032-0.414 2.071-0.315 3.109 0.037 0.604 0.205 0.374 0.67 0.418 1.154-0.909-0.457-1.755-0.794-2.712-0.615-0.874 0.164-1.465 0.677-1.588 1.395-0.146 0.845 0.137 1.461 0.959 1.925 0.743 0.42 1.533 0.759 2.273 1.184 1.137 0.654 1.499 1.432 1.304 2.643z"
  />
</svg>

Attribution

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

Similar Devicons icons