next-icons-logoNext IconsAll Icons
export type IconProps = {
  size?: number | string;
  color?: string;
  className?: string;
} & React.SVGProps<SVGSVGElement>;

export const HonoJsIcon = ({
  size = 24,
  color = "currentColor",
  className,
  ...props
}: IconProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    width={size}
    height={size}
    fill={color}
    className={className}
    {...props}
  >
      <path d="M19.22 12.36c-.68-1.64-1.51-3.19-2.49-4.66a75 75 0 0 0-4.22-5.66.18.18 0 0 0-.14-.04c-1.7 2.1-3.16 4.36-4.38 6.79-.16-.14-.31-.29-.46-.44a25 25 0 0 0-1-1.29 7.2 7.2 0 0 0-1.04 1.77c-.64 1.57-1.04 3.21-1.2 4.9-.1.98 0 1.95.28 2.89 1.09 2.9 3.16 4.66 6.2 5.28 2.55.36 4.79-.28 6.75-1.93 2.23-2.16 2.8-4.69 1.71-7.61Zm-3.84 5.28c-1.54 1.08-3.22 1.4-5.06.96-1.98-.61-3.12-1.95-3.43-4-.08-.65 0-1.28.2-1.89.3-.75.66-1.48 1.08-2.17l1.2-1.77c.91-1.17 1.82-2.35 2.71-3.53 1.47 1.71 2.81 3.53 4 5.46.37.64.68 1.31.92 2.01.51 1.99-.04 3.63-1.63 4.92Z" />
  </svg>
);

Icon

HonoJs

Category

languages-frameworks

Use case

Use this icon in navbar items, social link groups, profile actions, settings rows, and call-to-action buttons.

Size

48px

Color

#18181b

Related languages-frameworks icons

AndroidAngularBashBetterAuthBlenderBootstrapBunBuyMeACoffee