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

Ant Design Icons · AiFillBilibili

Fill Bilibili icon

A free fill bilibili icon from Ant Design 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/ant-design/fill-bilibili.json

components/icons/ant-design-fill-bilibili.tsx

import * as React from "react";

/**
 * Fill Bilibili from Ant Design Icons (https://github.com/ant-design/ant-design-icons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/ant-design/fill-bilibili. Sized in em, colored by currentColor.
 */
export function AiFillBilibiliIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 1024 1024"
      fillRule="evenodd"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g>
        <path
          d="M198.134 484.45c-7.999-4.463-16.498-8.43-24.997-11.9a273.55 273.55 0 0 0-26.996-7.438c-2.5-.992-2.5.991-2.5 1.487 0 7.934.5 18.843 1.5 27.768 1 7.438 2 15.372 4 22.81 0 .496 0 .991.5 1.487.999.992 1.999 1.488 2.999.496 7.999-4.463 15.998-8.43 22.997-13.388 7.499-5.454 15.498-11.9 21.997-18.347 1.5-1.487 0-2.479.5-2.975m323.96-11.9a273.55 273.55 0 0 0-26.997-7.438c-2.5-.992-2.5.991-2.5 1.487 0 7.934.5 18.843 1.5 27.768 1 7.438 2 15.372 4 22.81 0 .496 0 .991.5 1.487 1 .992 2 1.488 3 .496 7.999-4.463 15.998-8.43 22.997-13.388 7.499-5.454 15.498-11.9 21.997-18.347 2-1.487.5-2.479.5-2.975-7.5-4.463-16.498-8.43-24.997-11.9"
          transform="translate(112 112)"
        />
        <path
          d="M629.496 0H171C76.499 0 0 76.5 0 171.5v458C.5 723.5 77 800 170.999 800h457.997c94.5 0 171.002-76.5 171.002-170.5v-458C800.495 76.5 723.996 0 629.496 0m95 343.5h15.5v48h-15.5zm-95.5-1.5 2 43-13.5 1.5-5-44.5zm-23.5 0 4 45.5-14.5 1.5-6.5-47.5h17zm-230.498 1.5h15v48h-15zm-96-1.5 2 43-13.5 1.5-5-44.5zm-23.5 0 4 45.5-14.5 2-6-47.5zm-3.5 149C231.498 556.5 104 550.5 92.5 548.5 83.5 387 69.5 352 58 273l54.5-22.5c1 71.5 9 185 9 185s108.5-15.5 132 47c.5 3 0 6-1.5 8.5m20.5 35.5-23.5-124h35.5l13 123zm44.5-8-27-235 33.5-1.5 21 236h-27.5zm34-175h17.5v48h-13.5zm41 190h-26.5l-9.5-126h36zm209.998-43C581.496 556 453.997 550 442.497 548c-9-161-23-196-34.5-275l54.5-22.5c1 71.5 9 185 9 185s108.5-15.5 132 46.5c.5 3 0 6-1.5 8.5m19.5 36-23-124h35.5l13 123zm45.5-8-27.5-235 33.5-1.5 21 236h-27zm33.5-175h17.5v48h-13zm41 190h-26.5l-9.5-126h36z"
          transform="translate(112 112)"
        />
      </g>
    </svg>
  );
}

With react-icons

import { AiFillBilibili } from "react-icons/ai";

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

fill-bilibili.svg

<svg
  viewBox="0 0 1024 1024"
  fill-rule="evenodd"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <g>
    <path
      d="M198.134 484.45c-7.999-4.463-16.498-8.43-24.997-11.9a273.55 273.55 0 0 0-26.996-7.438c-2.5-.992-2.5.991-2.5 1.487 0 7.934.5 18.843 1.5 27.768 1 7.438 2 15.372 4 22.81 0 .496 0 .991.5 1.487.999.992 1.999 1.488 2.999.496 7.999-4.463 15.998-8.43 22.997-13.388 7.499-5.454 15.498-11.9 21.997-18.347 1.5-1.487 0-2.479.5-2.975m323.96-11.9a273.55 273.55 0 0 0-26.997-7.438c-2.5-.992-2.5.991-2.5 1.487 0 7.934.5 18.843 1.5 27.768 1 7.438 2 15.372 4 22.81 0 .496 0 .991.5 1.487 1 .992 2 1.488 3 .496 7.999-4.463 15.998-8.43 22.997-13.388 7.499-5.454 15.498-11.9 21.997-18.347 2-1.487.5-2.479.5-2.975-7.5-4.463-16.498-8.43-24.997-11.9"
      transform="translate(112 112)"
    />
    <path
      d="M629.496 0H171C76.499 0 0 76.5 0 171.5v458C.5 723.5 77 800 170.999 800h457.997c94.5 0 171.002-76.5 171.002-170.5v-458C800.495 76.5 723.996 0 629.496 0m95 343.5h15.5v48h-15.5zm-95.5-1.5 2 43-13.5 1.5-5-44.5zm-23.5 0 4 45.5-14.5 1.5-6.5-47.5h17zm-230.498 1.5h15v48h-15zm-96-1.5 2 43-13.5 1.5-5-44.5zm-23.5 0 4 45.5-14.5 2-6-47.5zm-3.5 149C231.498 556.5 104 550.5 92.5 548.5 83.5 387 69.5 352 58 273l54.5-22.5c1 71.5 9 185 9 185s108.5-15.5 132 47c.5 3 0 6-1.5 8.5m20.5 35.5-23.5-124h35.5l13 123zm44.5-8-27-235 33.5-1.5 21 236h-27.5zm34-175h17.5v48h-13.5zm41 190h-26.5l-9.5-126h36zm209.998-43C581.496 556 453.997 550 442.497 548c-9-161-23-196-34.5-275l54.5-22.5c1 71.5 9 185 9 185s108.5-15.5 132 46.5c.5 3 0 6-1.5 8.5m19.5 36-23-124h35.5l13 123zm45.5-8-27.5-235 33.5-1.5 21 236h-27zm33.5-175h17.5v48h-13zm41 190h-26.5l-9.5-126h36z"
      transform="translate(112 112)"
    />
  </g>
</svg>

Attribution

"Fill Bilibili" icon from Ant Design Icons (https://github.com/ant-design/ant-design-icons), licensed under MIT license.

Related icons:

Similar Ant Design Icons icons