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

Simple Icons · SiTokio

Tokio icon

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

components/icons/simple-icons-tokio.tsx

import * as React from "react";

/**
 * Tokio from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/tokio. Sized in em, colored by currentColor.
 */
export function SiTokioIcon(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.314 1.326-.691.403.201.345L9.65 8.641l.069.117a4 4 0 0 0-.992.988L6.379 8.391l-.338-.194-.4.692.338.195 2.355 1.36a4 4 0 0 0-.312 1.198H.4l-.4.001v.8h8.021a4 4 0 0 0 .313 1.2l-2.356 1.359-.337.195.4.692.338-.193 2.347-1.358a4 4 0 0 0 .834.873l-.086.148-3.826 6.567-.2.346.69.402.202-.344 3.826-6.568.074-.127a4 4 0 0 0 1.36.387v3.021h.8v-3.021a4 4 0 0 0 1.409-.413l.066.114 3.826 6.568.201.346.692-.405-.201-.345-3.827-6.567-.084-.142a4 4 0 0 0 .791-.84l2.348 1.357.338.194.4-.692-.337-.195-2.356-1.36a4 4 0 0 0 .313-1.198H24v-.801h-8.021a4 4 0 0 0-.313-1.2l2.356-1.359.337-.195-.4-.692-.338.194-2.348 1.355a4 4 0 0 0-1.015-1.004l.058-.101 3.827-6.567.2-.345-.69-.403-.202.344-3.826 6.568-.068.12a4 4 0 0 0-1.157-.294V5.043h-.8v3.021a4 4 0 0 0-1.182.305l-.076-.13L6.516 1.67ZM12 3.043a.6.6 0 0 0-.6.6.6.6 0 0 0 .6.6.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6m-7.2 4.2a.6.6 0 0 0-.601.6.6.6 0 0 0 .602.6.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6m14.398 0a.6.6 0 0 0-.6.6.6.6 0 0 0 .6.6.6.6 0 0 0 .602-.6.6.6 0 0 0-.602-.6M12 8.888a3.153 3.153 0 1 1 0 6.307 3.153 3.153 0 1 1 0-6.307m0 2.555a.6.6 0 0 0-.599.6.6.6 0 0 0 .6.599.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6m-7.2 4.2a.6.6 0 0 0-.601.6.6.6 0 0 0 .602.601.6.6 0 0 0 .6-.602.6.6 0 0 0-.6-.6m14.398 0a.6.6 0 0 0-.6.6.6.6 0 0 0 .6.602.6.6 0 0 0 .602-.602.6.6 0 0 0-.602-.6M12 19.845a.6.6 0 0 0-.599.6.6.6 0 0 0 .6.6.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6"
      />
    </svg>
  );
}

With react-icons

import { SiTokio } from "react-icons/si";

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

tokio.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.314 1.326-.691.403.201.345L9.65 8.641l.069.117a4 4 0 0 0-.992.988L6.379 8.391l-.338-.194-.4.692.338.195 2.355 1.36a4 4 0 0 0-.312 1.198H.4l-.4.001v.8h8.021a4 4 0 0 0 .313 1.2l-2.356 1.359-.337.195.4.692.338-.193 2.347-1.358a4 4 0 0 0 .834.873l-.086.148-3.826 6.567-.2.346.69.402.202-.344 3.826-6.568.074-.127a4 4 0 0 0 1.36.387v3.021h.8v-3.021a4 4 0 0 0 1.409-.413l.066.114 3.826 6.568.201.346.692-.405-.201-.345-3.827-6.567-.084-.142a4 4 0 0 0 .791-.84l2.348 1.357.338.194.4-.692-.337-.195-2.356-1.36a4 4 0 0 0 .313-1.198H24v-.801h-8.021a4 4 0 0 0-.313-1.2l2.356-1.359.337-.195-.4-.692-.338.194-2.348 1.355a4 4 0 0 0-1.015-1.004l.058-.101 3.827-6.567.2-.345-.69-.403-.202.344-3.826 6.568-.068.12a4 4 0 0 0-1.157-.294V5.043h-.8v3.021a4 4 0 0 0-1.182.305l-.076-.13L6.516 1.67ZM12 3.043a.6.6 0 0 0-.6.6.6.6 0 0 0 .6.6.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6m-7.2 4.2a.6.6 0 0 0-.601.6.6.6 0 0 0 .602.6.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6m14.398 0a.6.6 0 0 0-.6.6.6.6 0 0 0 .6.6.6.6 0 0 0 .602-.6.6.6 0 0 0-.602-.6M12 8.888a3.153 3.153 0 1 1 0 6.307 3.153 3.153 0 1 1 0-6.307m0 2.555a.6.6 0 0 0-.599.6.6.6 0 0 0 .6.599.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6m-7.2 4.2a.6.6 0 0 0-.601.6.6.6 0 0 0 .602.601.6.6 0 0 0 .6-.602.6.6 0 0 0-.6-.6m14.398 0a.6.6 0 0 0-.6.6.6.6 0 0 0 .6.602.6.6 0 0 0 .602-.602.6.6 0 0 0-.602-.6M12 19.845a.6.6 0 0 0-.599.6.6.6 0 0 0 .6.6.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6"
  />
</svg>

Attribution

"Tokio" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.

Similar Simple Icons icons