Skip to content
Cuelark UI

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

Simple Icons · SiSmoothcomp

Smoothcomp icon

A free smoothcomp icon from Simple 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.

License
CC0 1.0 Universal license
Project
simpleicons.org
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/smoothcomp.json
components/icons/simple-icons-smoothcomp.tsx
import * as React from "react";

/**
 * Smoothcomp from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/smoothcomp. Sized in em, colored by currentColor.
 */
export function SiSmoothcompIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      role="img"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.3415 0C2.845 0 0 2.8445 0 6.3415v11.3166C0 21.155 2.8449 24 6.3415 24h11.317C21.155 24 24 21.155 24 17.658V6.3416C24 2.845 21.155 0 17.6585 0Zm0 2.1493h11.317c2.3117 0 4.1922 1.8805 4.1922 4.1922v11.3166c0 2.3118-1.8805 4.1923-4.1922 4.1923H6.3415c-2.3117 0-4.1922-1.8802-4.1922-4.1923V6.3415c0-2.3117 1.8805-4.1922 4.1922-4.1922zM7.06 5.638c-.7632 0-1.3842.6211-1.3842 1.3843v10.0035c0 .7629.621 1.384 1.3842 1.384h10.0047c.7628 0 1.3835-.6208 1.3835-1.3836V7.022c0-.37-.1443-.7174-.4057-.9788a1.3745 1.3745 0 0 0-.9786-.405Zm.765 2.1493h8.474v8.4735H7.825Z"
      />
    </svg>
  );
}
With react-icons
import { SiSmoothcomp } from "react-icons/si";

export function Example() {
  return <SiSmoothcomp className="size-5" />;
}
smoothcomp.svg
<svg
  role="img"
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M6.3415 0C2.845 0 0 2.8445 0 6.3415v11.3166C0 21.155 2.8449 24 6.3415 24h11.317C21.155 24 24 21.155 24 17.658V6.3416C24 2.845 21.155 0 17.6585 0Zm0 2.1493h11.317c2.3117 0 4.1922 1.8805 4.1922 4.1922v11.3166c0 2.3118-1.8805 4.1923-4.1922 4.1923H6.3415c-2.3117 0-4.1922-1.8802-4.1922-4.1923V6.3415c0-2.3117 1.8805-4.1922 4.1922-4.1922zM7.06 5.638c-.7632 0-1.3842.6211-1.3842 1.3843v10.0035c0 .7629.621 1.384 1.3842 1.384h10.0047c.7628 0 1.3835-.6208 1.3835-1.3836V7.022c0-.37-.1443-.7174-.4057-.9788a1.3745 1.3745 0 0 0-.9786-.405Zm.765 2.1493h8.474v8.4735H7.825Z"
  />
</svg>
Attribution
"Smoothcomp" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.