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

Simple Icons · SiFrigate

Frigate icon

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

components/icons/simple-icons-frigate.tsx

import * as React from "react";

/**
 * Frigate from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/frigate. Sized in em, colored by currentColor.
 */
export function SiFrigateIcon(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="M20.892.036c-.066.078-4.134 1.356-5.313 1.679-1.089.3-4.201 1.49-4.646 1.778-.144.1-.255.267-.255.378s.278.622.611 1.134c.756 1.156.778 1.434.211 2.767-.556 1.29-.9 1.7-1.8 2.123-.412.19-.867.467-1.023.6-.156.134-.556.356-.89.478-.333.123-.622.3-.644.39-.033.144.022.144.4.022.6-.212.912-.112.912.289 0 .355-.445.666-1.623 1.156-2.823 1.144-3.646 1.511-4.024 1.822-.578.445-.655.856-.355 1.79.122.378.222.811.222.945 0 .233.589 1.923 1.5 4.323.367.956 1.123 2.279 1.312 2.29.056 0 .067-.256.022-.567-.066-.5-.166-3.245-.189-5.602-.022-1.2.223-1.767 1.112-2.634.844-.834 2.123-1.712 3.256-2.256.756-.356.834-.378 1.701-.312.934.067 2.479-.144 3.323-.444.3-.111.578-.122.89-.067.6.111 4.412.122 4.412.011 0-.044-.356-.144-.789-.21-1.167-.179-1.19-.334-.056-.423 1.845-.156.834-.39-1.69-.39-1.655 0-1.978-.088-2.567-.7-.578-.61-.855-2.211-.555-3.19.066-.21.155-1.111.21-2 .045-.89.123-1.7.168-1.812.1-.256 1.344-.978 2.512-1.456.51-.211 1.333-.556 1.822-.767.778-.333 1.845-.789 2.557-1.078.167-.078.122-.1-.234-.1-.244-.011-.478.011-.5.033"
      />
    </svg>
  );
}

With react-icons

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

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

frigate.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="M20.892.036c-.066.078-4.134 1.356-5.313 1.679-1.089.3-4.201 1.49-4.646 1.778-.144.1-.255.267-.255.378s.278.622.611 1.134c.756 1.156.778 1.434.211 2.767-.556 1.29-.9 1.7-1.8 2.123-.412.19-.867.467-1.023.6-.156.134-.556.356-.89.478-.333.123-.622.3-.644.39-.033.144.022.144.4.022.6-.212.912-.112.912.289 0 .355-.445.666-1.623 1.156-2.823 1.144-3.646 1.511-4.024 1.822-.578.445-.655.856-.355 1.79.122.378.222.811.222.945 0 .233.589 1.923 1.5 4.323.367.956 1.123 2.279 1.312 2.29.056 0 .067-.256.022-.567-.066-.5-.166-3.245-.189-5.602-.022-1.2.223-1.767 1.112-2.634.844-.834 2.123-1.712 3.256-2.256.756-.356.834-.378 1.701-.312.934.067 2.479-.144 3.323-.444.3-.111.578-.122.89-.067.6.111 4.412.122 4.412.011 0-.044-.356-.144-.789-.21-1.167-.179-1.19-.334-.056-.423 1.845-.156.834-.39-1.69-.39-1.655 0-1.978-.088-2.567-.7-.578-.61-.855-2.211-.555-3.19.066-.21.155-1.111.21-2 .045-.89.123-1.7.168-1.812.1-.256 1.344-.978 2.512-1.456.51-.211 1.333-.556 1.822-.767.778-.333 1.845-.789 2.557-1.078.167-.078.122-.1-.234-.1-.244-.011-.478.011-.5.033"
  />
</svg>

Attribution

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

Similar Simple Icons icons