Social icons are made up of images

Install

import { Img, Row, Column, Section, Link } from "@react-email/components";

Social align middle

<Section>
  <Row className="mt-[40px]">
    <Column align="right" style={{ width: "45%" }}>
      <Link href="#">
        <Img
          src="<https://tinypic.host/images/2024/07/13/X.png>"
          alt="X"
          border="0"
          width="22px"
        />
      </Link>
    </Column>
    <Column>
      <Link href="#">
        <Img
          style={{ margin: "auto" }}
          src="<https://tinypic.host/images/2024/07/13/Linkedin.png>"
          alt="Linkedin"
          border="0"
          width="22px"
        />
      </Link>
    </Column>
    <Column align="left" style={{ width: "45%" }}>
      <Link href="#">
        <Img
          src="<https://tinypic.host/images/2024/07/13/Instagram.png>"
          alt="Instagram"
          border="0"
          width="22px"
        />
      </Link>
    </Column>
  </Row>
</Section>