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

export const LinearAppIcon = ({
  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="M2.25 14.3c-.04-.19.18-.31.32-.17l7.3 7.3c.14.14.02.36-.17.32-3.68-.86-6.59-3.77-7.45-7.45m-.24-2.93q0 .09.06.15l10.41 10.41s.1.06.15.06c.47-.03.94-.09 1.39-.19.15-.03.21-.22.1-.33L2.52 9.89a.194.194 0 0 0-.33.1c-.09.46-.16.92-.19 1.39Zm.84-3.44c-.03.07-.02.16.04.22L15.84 21.1c.06.06.15.07.22.04.36-.16.7-.34 1.04-.54.09-.06.12-.18.07-.27 0-.01-.02-.03-.03-.04L3.69 6.87a.193.193 0 0 0-.28 0c-.01.01-.02.02-.03.04-.2.33-.38.68-.54 1.04ZM4.54 5.6a.19.19 0 0 1 0-.27 10 10 0 0 1 7.47-3.34c5.53 0 10.01 4.48 10.01 10.01 0 2.97-1.29 5.63-3.34 7.47-.08.07-.2.07-.27 0L4.53 5.61Z" />
  </svg>
);

Icon

LinearApp

Category

brands

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 brands icons

AdobeAirbnbAmazonAmexAppleAppleMusicAtlassianAutoDesk