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

Simple Icons · SiInfuse

Infuse icon

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

components/icons/simple-icons-infuse.tsx

import * as React from "react";

/**
 * Infuse from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/infuse. Sized in em, colored by currentColor.
 */
export function SiInfuseIcon(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="M18.802 7.736c0 .502-.035.8-.146 1.24a5.1 5.1 0 0 1-.968 1.932c-.176.218-.574.61-.778.764-.077.06-2.619 1.894-5.65 4.077a842 842 0 0 0-5.638 4.077 2.6 2.6 0 0 0-.55.715 2.39 2.39 0 0 0 1.003 3.18c.703.379 1.622.372 2.293-.02a2322 2322 0 0 0 11.378-8.184 6 6 0 0 0 .845-.849 4.78 4.78 0 0 0 .76-4.416 4.86 4.86 0 0 0-1.354-2.068 15 15 0 0 0-.673-.518c-.257-.185-.48-.35-.497-.361-.02-.017-.025.089-.025.43M4.31 5.62c-.903.2-1.573.844-1.822 1.75l-.066.234v7.712l.064.227c.302 1.093 1.212 1.8 2.316 1.8 1.158 0 2.12-.794 2.349-1.945.044-.223.044-7.654 0-7.877a2.5 2.5 0 0 0-.23-.656A2.38 2.38 0 0 0 5.393 5.64a3 3 0 0 0-1.083-.02M6.642.03a4.79 4.79 0 0 0-4.126 3.777c-.054.263-.124.912-.1.936a1 1 0 0 0 .208-.12 4.2 4.2 0 0 1 1.393-.572c.335-.073 1.005-.09 1.366-.037.596.089 1.104.295 1.705.698.103.07 1.913 1.376 4.02 2.902 2.107 1.529 3.884 2.804 3.95 2.837.098.049.15.058.328.058.185 0 .228-.009.352-.068.187-.091.654-.555.834-.834.882-1.341.71-3.078-.41-4.185-.143-.143-.938-.726-3.273-2.417C11.196 1.779 9.706.716 9.584.645A4.8 4.8 0 0 0 6.642.03"
      />
    </svg>
  );
}

With react-icons

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

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

infuse.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="M18.802 7.736c0 .502-.035.8-.146 1.24a5.1 5.1 0 0 1-.968 1.932c-.176.218-.574.61-.778.764-.077.06-2.619 1.894-5.65 4.077a842 842 0 0 0-5.638 4.077 2.6 2.6 0 0 0-.55.715 2.39 2.39 0 0 0 1.003 3.18c.703.379 1.622.372 2.293-.02a2322 2322 0 0 0 11.378-8.184 6 6 0 0 0 .845-.849 4.78 4.78 0 0 0 .76-4.416 4.86 4.86 0 0 0-1.354-2.068 15 15 0 0 0-.673-.518c-.257-.185-.48-.35-.497-.361-.02-.017-.025.089-.025.43M4.31 5.62c-.903.2-1.573.844-1.822 1.75l-.066.234v7.712l.064.227c.302 1.093 1.212 1.8 2.316 1.8 1.158 0 2.12-.794 2.349-1.945.044-.223.044-7.654 0-7.877a2.5 2.5 0 0 0-.23-.656A2.38 2.38 0 0 0 5.393 5.64a3 3 0 0 0-1.083-.02M6.642.03a4.79 4.79 0 0 0-4.126 3.777c-.054.263-.124.912-.1.936a1 1 0 0 0 .208-.12 4.2 4.2 0 0 1 1.393-.572c.335-.073 1.005-.09 1.366-.037.596.089 1.104.295 1.705.698.103.07 1.913 1.376 4.02 2.902 2.107 1.529 3.884 2.804 3.95 2.837.098.049.15.058.328.058.185 0 .228-.009.352-.068.187-.091.654-.555.834-.834.882-1.341.71-3.078-.41-4.185-.143-.143-.938-.726-3.273-2.417C11.196 1.779 9.706.716 9.584.645A4.8 4.8 0 0 0 6.642.03"
  />
</svg>

Attribution

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

Similar Simple Icons icons