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

Simple Icons · SiArstechnica

Arstechnica icon

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

components/icons/simple-icons-arstechnica.tsx

import * as React from "react";

/**
 * Arstechnica from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/arstechnica. Sized in em, colored by currentColor.
 */
export function SiArstechnicaIcon(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="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zM8.842 15.656H7.745l-.15-.98a3.457 3.457 0 0 1-2.592 1.13c-1.33 0-2.16-.798-2.16-2.044 0-1.828 1.561-2.56 4.636-2.876v-.315c0-.931-.548-1.247-1.396-1.247-.848 0-1.745.283-2.543.632l-.183-1.18c.881-.35 1.712-.615 2.842-.615 1.779 0 2.643.714 2.643 2.36v5.135zm3.191-4.337v4.337H10.67v-7.33h1.097L12 9.824c.515-.831 1.363-1.58 2.576-1.646l.216 1.313c-1.23.05-2.26.865-2.759 1.829zm6.2 4.487a6.017 6.017 0 0 1-2.676-.698l.2-1.296a4.587 4.587 0 0 0 2.592.847c.93 0 1.496-.349 1.496-.964s-.416-.93-1.745-1.246c-1.729-.432-2.41-.948-2.41-2.26 0-1.314.98-2.028 2.593-2.028a5.933 5.933 0 0 1 2.41.498l-.217 1.297a4.687 4.687 0 0 0-2.227-.632c-.83 0-1.263.316-1.263.848s.366.764 1.53 1.063c1.81.466 2.625.981 2.625 2.377s-1.014 2.194-2.908 2.194zM7.479 11.934v1.711c-.615.632-1.479 1.03-2.177 1.03s-1.097-.215-1.097-.98c0-.764.565-1.496 3.274-1.761z"
      />
    </svg>
  );
}

With react-icons

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

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

arstechnica.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="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zM8.842 15.656H7.745l-.15-.98a3.457 3.457 0 0 1-2.592 1.13c-1.33 0-2.16-.798-2.16-2.044 0-1.828 1.561-2.56 4.636-2.876v-.315c0-.931-.548-1.247-1.396-1.247-.848 0-1.745.283-2.543.632l-.183-1.18c.881-.35 1.712-.615 2.842-.615 1.779 0 2.643.714 2.643 2.36v5.135zm3.191-4.337v4.337H10.67v-7.33h1.097L12 9.824c.515-.831 1.363-1.58 2.576-1.646l.216 1.313c-1.23.05-2.26.865-2.759 1.829zm6.2 4.487a6.017 6.017 0 0 1-2.676-.698l.2-1.296a4.587 4.587 0 0 0 2.592.847c.93 0 1.496-.349 1.496-.964s-.416-.93-1.745-1.246c-1.729-.432-2.41-.948-2.41-2.26 0-1.314.98-2.028 2.593-2.028a5.933 5.933 0 0 1 2.41.498l-.217 1.297a4.687 4.687 0 0 0-2.227-.632c-.83 0-1.263.316-1.263.848s.366.764 1.53 1.063c1.81.466 2.625.981 2.625 2.377s-1.014 2.194-2.908 2.194zM7.479 11.934v1.711c-.615.632-1.479 1.03-2.177 1.03s-1.097-.215-1.097-.98c0-.764.565-1.496 3.274-1.761z"
  />
</svg>

Attribution

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

Similar Simple Icons icons