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

Icons8 Line Awesome · LiaMdb

Mdb icon

A free mdb icon from Icons8 Line Awesome, 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: icons8.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/mdb.json

components/icons/line-awesome-mdb.tsx

import * as React from "react";

/**
 * Mdb from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/mdb. Sized in em, colored by currentColor.
 */
export function LiaMdbIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 1.0800781 9 L 0.080078125 21 L 2.0878906 21 L 2.6445312 14.304688 L 5.3222656 21 L 6.6777344 21 L 9.3554688 14.304688 L 9.9121094 21 L 11.919922 21 L 10.919922 9 L 9.3222656 9 L 6 17.308594 L 2.6777344 9 L 1.0800781 9 z M 14 9 L 14 21 L 16 21 C 19.301625 21 22 18.301625 22 15 C 22 11.698375 19.301625 9 16 9 L 14 9 z M 24 9 L 24 14 L 24 16 L 24 21.011719 L 28.494141 21.011719 C 30.418603 21.011719 32 19.430322 32 17.505859 C 32 16.235984 31.27724 15.164205 30.255859 14.548828 C 30.692123 13.965017 31 13.278546 31 12.5 C 31 10.578812 29.421188 9 27.5 9 L 24 9 z M 16 11 C 18.220375 11 20 12.779625 20 15 C 20 17.220375 18.220375 19 16 19 L 16 11 z M 26 11 L 27.5 11 C 28.340812 11 29 11.659188 29 12.5 C 29 13.340812 28.340812 14 27.5 14 L 26 14 L 26 11 z M 26 16 L 27.5 16 L 28.494141 16 C 29.337678 16 30 16.662322 30 17.505859 C 30 18.349397 29.337678 19.011719 28.494141 19.011719 L 26 19.011719 L 26 16 z"
      />
    </svg>
  );
}

With react-icons

import { LiaMdb } from "react-icons/lia";

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

mdb.svg

<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 1.0800781 9 L 0.080078125 21 L 2.0878906 21 L 2.6445312 14.304688 L 5.3222656 21 L 6.6777344 21 L 9.3554688 14.304688 L 9.9121094 21 L 11.919922 21 L 10.919922 9 L 9.3222656 9 L 6 17.308594 L 2.6777344 9 L 1.0800781 9 z M 14 9 L 14 21 L 16 21 C 19.301625 21 22 18.301625 22 15 C 22 11.698375 19.301625 9 16 9 L 14 9 z M 24 9 L 24 14 L 24 16 L 24 21.011719 L 28.494141 21.011719 C 30.418603 21.011719 32 19.430322 32 17.505859 C 32 16.235984 31.27724 15.164205 30.255859 14.548828 C 30.692123 13.965017 31 13.278546 31 12.5 C 31 10.578812 29.421188 9 27.5 9 L 24 9 z M 16 11 C 18.220375 11 20 12.779625 20 15 C 20 17.220375 18.220375 19 16 19 L 16 11 z M 26 11 L 27.5 11 C 28.340812 11 29 11.659188 29 12.5 C 29 13.340812 28.340812 14 27.5 14 L 26 14 L 26 11 z M 26 16 L 27.5 16 L 28.494141 16 C 29.337678 16 30 16.662322 30 17.505859 C 30 18.349397 29.337678 19.011719 28.494141 19.011719 L 26 19.011719 L 26 16 z"
  />
</svg>

Attribution

"Mdb" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Mdb icon in other sets

Similar Icons8 Line Awesome icons