bilibili icon

bilibili-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.

Name: bilibili-filled
Set: Ant Design Icons
Style: Filled
Viewbox: 1024×1024
License: MIT

1 other variant in Ant Design Icons

The same icon in other sets

bilibiliFont Awesome 6 Brands bilibiliFont Awesome Brands bilibili-fillMingCute Icon bilibili-fillRemix Icon bilibiliSimple Icons

Use the bilibili icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><g fill="currentColor" fill-rule="evenodd"><path d="M310.134 596.45c-7.999-4.463-16.498-8.43-24.997-11.9a274 274 0 0 0-26.996-7.438c-2.5-.992-2.5.991-2.5 1.487c0 7.934.5 18.843 1.5 27.768c1 7.438 2 15.372 4 22.81c0 .496 0 .991.5 1.487c.999.992 1.999 1.488 2.999.496c7.999-4.463 15.998-8.43 22.997-13.388c7.499-5.454 15.498-11.9 21.997-18.347c1.5-1.487 0-2.479.5-2.975m323.96-11.9a274 274 0 0 0-26.997-7.438c-2.5-.992-2.5.991-2.5 1.487c0 7.934.5 18.843 1.5 27.768c1 7.438 2 15.372 4 22.81c0 .496 0 .991.5 1.487c1 .992 2 1.488 3 .496c7.999-4.463 15.998-8.43 22.997-13.388c7.499-5.454 15.498-11.9 21.997-18.347c2-1.487.5-2.479.5-2.975c-7.5-4.463-16.498-8.43-24.997-11.9"/><path d="M741.496 112H283c-94.501 0-171 76.5-171 171.5v458c.5 94 77 170.5 170.999 170.5h457.997c94.5 0 171.002-76.5 171.002-170.5v-458c.497-95-76.002-171.5-170.502-171.5m95 343.5h15.5v48h-15.5zm-95.5-1.5l2 43l-13.5 1.5l-5-44.5zm-23.5 0l4 45.5l-14.5 1.5l-6.5-47.5h17zm-230.498 1.5h15v48h-15zm-96-1.5l2 43l-13.5 1.5l-5-44.5zm-23.5 0l4 45.5l-14.5 2l-6-47.5zm-3.5 149C343.498 668.5 216 662.5 204.5 660.5C195.5 499 181.5 464 170 385l54.5-22.5c1 71.5 9 185 9 185s108.5-15.5 132 47c.5 3 0 6-1.5 8.5m20.5 35.5l-23.5-124h35.5l13 123zm44.5-8l-27-235l33.5-1.5l21 236H429zm34-175h17.5v48H467zm41 190h-26.5l-9.5-126h36zm209.998-43C693.496 668 565.997 662 554.497 660c-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 36l-23-124h35.5l13 123zm45.5-8l-27.5-235l33.5-1.5l21 236h-27zm33.5-175h17.5v48h-13zm41 190h-26.5l-9.5-126h36z"/></g></svg>

React

import type { SVGProps } from "react";

export function AntDesignBilibiliFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><g fill="currentColor" fillRule="evenodd"><path d="M310.134 596.45c-7.999-4.463-16.498-8.43-24.997-11.9a274 274 0 0 0-26.996-7.438c-2.5-.992-2.5.991-2.5 1.487c0 7.934.5 18.843 1.5 27.768c1 7.438 2 15.372 4 22.81c0 .496 0 .991.5 1.487c.999.992 1.999 1.488 2.999.496c7.999-4.463 15.998-8.43 22.997-13.388c7.499-5.454 15.498-11.9 21.997-18.347c1.5-1.487 0-2.479.5-2.975m323.96-11.9a274 274 0 0 0-26.997-7.438c-2.5-.992-2.5.991-2.5 1.487c0 7.934.5 18.843 1.5 27.768c1 7.438 2 15.372 4 22.81c0 .496 0 .991.5 1.487c1 .992 2 1.488 3 .496c7.999-4.463 15.998-8.43 22.997-13.388c7.499-5.454 15.498-11.9 21.997-18.347c2-1.487.5-2.479.5-2.975c-7.5-4.463-16.498-8.43-24.997-11.9"/><path d="M741.496 112H283c-94.501 0-171 76.5-171 171.5v458c.5 94 77 170.5 170.999 170.5h457.997c94.5 0 171.002-76.5 171.002-170.5v-458c.497-95-76.002-171.5-170.502-171.5m95 343.5h15.5v48h-15.5zm-95.5-1.5l2 43l-13.5 1.5l-5-44.5zm-23.5 0l4 45.5l-14.5 1.5l-6.5-47.5h17zm-230.498 1.5h15v48h-15zm-96-1.5l2 43l-13.5 1.5l-5-44.5zm-23.5 0l4 45.5l-14.5 2l-6-47.5zm-3.5 149C343.498 668.5 216 662.5 204.5 660.5C195.5 499 181.5 464 170 385l54.5-22.5c1 71.5 9 185 9 185s108.5-15.5 132 47c.5 3 0 6-1.5 8.5m20.5 35.5l-23.5-124h35.5l13 123zm44.5-8l-27-235l33.5-1.5l21 236H429zm34-175h17.5v48H467zm41 190h-26.5l-9.5-126h36zm209.998-43C693.496 668 565.997 662 554.497 660c-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 36l-23-124h35.5l13 123zm45.5-8l-27.5-235l33.5-1.5l21 236h-27zm33.5-175h17.5v48h-13zm41 190h-26.5l-9.5-126h36z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><g fill="currentColor" fill-rule="evenodd"><path d="M310.134 596.45c-7.999-4.463-16.498-8.43-24.997-11.9a274 274 0 0 0-26.996-7.438c-2.5-.992-2.5.991-2.5 1.487c0 7.934.5 18.843 1.5 27.768c1 7.438 2 15.372 4 22.81c0 .496 0 .991.5 1.487c.999.992 1.999 1.488 2.999.496c7.999-4.463 15.998-8.43 22.997-13.388c7.499-5.454 15.498-11.9 21.997-18.347c1.5-1.487 0-2.479.5-2.975m323.96-11.9a274 274 0 0 0-26.997-7.438c-2.5-.992-2.5.991-2.5 1.487c0 7.934.5 18.843 1.5 27.768c1 7.438 2 15.372 4 22.81c0 .496 0 .991.5 1.487c1 .992 2 1.488 3 .496c7.999-4.463 15.998-8.43 22.997-13.388c7.499-5.454 15.498-11.9 21.997-18.347c2-1.487.5-2.479.5-2.975c-7.5-4.463-16.498-8.43-24.997-11.9"/><path d="M741.496 112H283c-94.501 0-171 76.5-171 171.5v458c.5 94 77 170.5 170.999 170.5h457.997c94.5 0 171.002-76.5 171.002-170.5v-458c.497-95-76.002-171.5-170.502-171.5m95 343.5h15.5v48h-15.5zm-95.5-1.5l2 43l-13.5 1.5l-5-44.5zm-23.5 0l4 45.5l-14.5 1.5l-6.5-47.5h17zm-230.498 1.5h15v48h-15zm-96-1.5l2 43l-13.5 1.5l-5-44.5zm-23.5 0l4 45.5l-14.5 2l-6-47.5zm-3.5 149C343.498 668.5 216 662.5 204.5 660.5C195.5 499 181.5 464 170 385l54.5-22.5c1 71.5 9 185 9 185s108.5-15.5 132 47c.5 3 0 6-1.5 8.5m20.5 35.5l-23.5-124h35.5l13 123zm44.5-8l-27-235l33.5-1.5l21 236H429zm34-175h17.5v48H467zm41 190h-26.5l-9.5-126h36zm209.998-43C693.496 668 565.997 662 554.497 660c-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 36l-23-124h35.5l13 123zm45.5-8l-27.5-235l33.5-1.5l21 236h-27zm33.5-175h17.5v48h-13zm41 190h-26.5l-9.5-126h36z"/></g></svg>
</template>

CSS

.icon-bilibili-filled {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M310.134%20596.45c-7.999-4.463-16.498-8.43-24.997-11.9a274%20274%200%200%200-26.996-7.438c-2.5-.992-2.5.991-2.5%201.487c0%207.934.5%2018.843%201.5%2027.768c1%207.438%202%2015.372%204%2022.81c0%20.496%200%20.991.5%201.487c.999.992%201.999%201.488%202.999.496c7.999-4.463%2015.998-8.43%2022.997-13.388c7.499-5.454%2015.498-11.9%2021.997-18.347c1.5-1.487%200-2.479.5-2.975m323.96-11.9a274%20274%200%200%200-26.997-7.438c-2.5-.992-2.5.991-2.5%201.487c0%207.934.5%2018.843%201.5%2027.768c1%207.438%202%2015.372%204%2022.81c0%20.496%200%20.991.5%201.487c1%20.992%202%201.488%203%20.496c7.999-4.463%2015.998-8.43%2022.997-13.388c7.499-5.454%2015.498-11.9%2021.997-18.347c2-1.487.5-2.479.5-2.975c-7.5-4.463-16.498-8.43-24.997-11.9%22%2F%3E%3Cpath%20d%3D%22M741.496%20112H283c-94.501%200-171%2076.5-171%20171.5v458c.5%2094%2077%20170.5%20170.999%20170.5h457.997c94.5%200%20171.002-76.5%20171.002-170.5v-458c.497-95-76.002-171.5-170.502-171.5m95%20343.5h15.5v48h-15.5zm-95.5-1.5l2%2043l-13.5%201.5l-5-44.5zm-23.5%200l4%2045.5l-14.5%201.5l-6.5-47.5h17zm-230.498%201.5h15v48h-15zm-96-1.5l2%2043l-13.5%201.5l-5-44.5zm-23.5%200l4%2045.5l-14.5%202l-6-47.5zm-3.5%20149C343.498%20668.5%20216%20662.5%20204.5%20660.5C195.5%20499%20181.5%20464%20170%20385l54.5-22.5c1%2071.5%209%20185%209%20185s108.5-15.5%20132%2047c.5%203%200%206-1.5%208.5m20.5%2035.5l-23.5-124h35.5l13%20123zm44.5-8l-27-235l33.5-1.5l21%20236H429zm34-175h17.5v48H467zm41%20190h-26.5l-9.5-126h36zm209.998-43C693.496%20668%20565.997%20662%20554.497%20660c-9-161-23-196-34.5-275l54.5-22.5c1%2071.5%209%20185%209%20185s108.5-15.5%20132%2046.5c.5%203%200%206-1.5%208.5m19.5%2036l-23-124h35.5l13%20123zm45.5-8l-27.5-235l33.5-1.5l21%20236h-27zm33.5-175h17.5v48h-13zm41%20190h-26.5l-9.5-126h36z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M310.134%20596.45c-7.999-4.463-16.498-8.43-24.997-11.9a274%20274%200%200%200-26.996-7.438c-2.5-.992-2.5.991-2.5%201.487c0%207.934.5%2018.843%201.5%2027.768c1%207.438%202%2015.372%204%2022.81c0%20.496%200%20.991.5%201.487c.999.992%201.999%201.488%202.999.496c7.999-4.463%2015.998-8.43%2022.997-13.388c7.499-5.454%2015.498-11.9%2021.997-18.347c1.5-1.487%200-2.479.5-2.975m323.96-11.9a274%20274%200%200%200-26.997-7.438c-2.5-.992-2.5.991-2.5%201.487c0%207.934.5%2018.843%201.5%2027.768c1%207.438%202%2015.372%204%2022.81c0%20.496%200%20.991.5%201.487c1%20.992%202%201.488%203%20.496c7.999-4.463%2015.998-8.43%2022.997-13.388c7.499-5.454%2015.498-11.9%2021.997-18.347c2-1.487.5-2.479.5-2.975c-7.5-4.463-16.498-8.43-24.997-11.9%22%2F%3E%3Cpath%20d%3D%22M741.496%20112H283c-94.501%200-171%2076.5-171%20171.5v458c.5%2094%2077%20170.5%20170.999%20170.5h457.997c94.5%200%20171.002-76.5%20171.002-170.5v-458c.497-95-76.002-171.5-170.502-171.5m95%20343.5h15.5v48h-15.5zm-95.5-1.5l2%2043l-13.5%201.5l-5-44.5zm-23.5%200l4%2045.5l-14.5%201.5l-6.5-47.5h17zm-230.498%201.5h15v48h-15zm-96-1.5l2%2043l-13.5%201.5l-5-44.5zm-23.5%200l4%2045.5l-14.5%202l-6-47.5zm-3.5%20149C343.498%20668.5%20216%20662.5%20204.5%20660.5C195.5%20499%20181.5%20464%20170%20385l54.5-22.5c1%2071.5%209%20185%209%20185s108.5-15.5%20132%2047c.5%203%200%206-1.5%208.5m20.5%2035.5l-23.5-124h35.5l13%20123zm44.5-8l-27-235l33.5-1.5l21%20236H429zm34-175h17.5v48H467zm41%20190h-26.5l-9.5-126h36zm209.998-43C693.496%20668%20565.997%20662%20554.497%20660c-9-161-23-196-34.5-275l54.5-22.5c1%2071.5%209%20185%209%20185s108.5-15.5%20132%2046.5c.5%203%200%206-1.5%208.5m19.5%2036l-23-124h35.5l13%20123zm45.5-8l-27.5-235l33.5-1.5l21%20236h-27zm33.5-175h17.5v48h-13zm41%20190h-26.5l-9.5-126h36z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/bilibili-filled.svg?color=%231a73e8&size=48