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

Flat Color Icons · FcMultipleInputs

Multiple Inputs icon

A free multiple inputs icon from Flat Color 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: MIT license
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/flat-color/multiple-inputs.json

components/icons/flat-color-multiple-inputs.tsx

import * as React from "react";

/**
 * Multiple Inputs from Flat Color Icons (https://github.com/icons8/flat-color-icons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/flat-color/multiple-inputs. Sized in em, colored by currentColor.
 */
export function FcMultipleInputsIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1"
      viewBox="0 0 48 48"
      enableBackground="new 0 0 48 48"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path fill="#90A4AE" d="M40,35v5H8v-5H4v5c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4v-5H40z" />
      <g fill="#1565C0">
        <polygon points="24,23.4 17,15 31,15" />
        <rect x="22" y="4" width="4" height="14" />
        <path
          d="M31.5,26.9L30.8,28l3.5,1.9l0.6-1.2c1.6-3,2.6-4.7,3.5-5.2C39.3,23,41,23,44,23v-4 C36.3,19,35.6,19.4,31.5,26.9z"
        />
        <polygon points="38.4,31 29.4,35 28,25" />
        <path
          d="M16.5,26.9l0.6,1.2L13.6,30L13,28.8c-1.6-3-2.6-4.7-3.5-5.2C8.7,23,7,23,4,23v-4 C11.7,19,12.4,19.4,16.5,26.9z"
        />
        <polygon points="20,25 18.6,35 9.6,31" />
      </g>
    </svg>
  );
}

With react-icons

import { FcMultipleInputs } from "react-icons/fc";

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

multiple-inputs.svg

<svg
  version="1"
  viewBox="0 0 48 48"
  enable-background="new 0 0 48 48"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill="#90A4AE" d="M40,35v5H8v-5H4v5c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4v-5H40z" />
  <g fill="#1565C0">
    <polygon points="24,23.4 17,15 31,15" />
    <rect x="22" y="4" width="4" height="14" />
    <path
      d="M31.5,26.9L30.8,28l3.5,1.9l0.6-1.2c1.6-3,2.6-4.7,3.5-5.2C39.3,23,41,23,44,23v-4 C36.3,19,35.6,19.4,31.5,26.9z"
    />
    <polygon points="38.4,31 29.4,35 28,25" />
    <path
      d="M16.5,26.9l0.6,1.2L13.6,30L13,28.8c-1.6-3-2.6-4.7-3.5-5.2C8.7,23,7,23,4,23v-4 C11.7,19,12.4,19.4,16.5,26.9z"
    />
    <polygon points="20,25 18.6,35 9.6,31" />
  </g>
</svg>

Attribution

"Multiple Inputs" icon from Flat Color Icons (https://github.com/icons8/flat-color-icons), licensed under MIT license.

Related icons:

Similar Flat Color Icons icons