yuque icon

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

Name: yuque-filled
Set: Ant Design Icons
Style: Filled
Viewbox: 1024×1024
License: MIT
Aliases: yuque-fill

1 other variant in Ant Design Icons

The same icon in other sets

Use the yuque icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M854.6 370.6c-9.9-39.4 9.9-102.2 73.4-124.4l-67.9-3.6s-25.7-90-143.6-98c-117.9-8.1-195-3-195-3s87.4 55.6 52.4 154.7c-25.6 52.5-65.8 95.6-108.8 144.7c-1.3 1.3-2.5 2.6-3.5 3.7C319.4 605 96 860 96 860c245.9 64.4 410.7-6.3 508.2-91.1c20.5-.2 35.9-.3 46.3-.3c135.8 0 250.6-117.6 245.9-248.4c-3.2-89.9-31.9-110.2-41.8-149.6"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignYuqueFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M854.6 370.6c-9.9-39.4 9.9-102.2 73.4-124.4l-67.9-3.6s-25.7-90-143.6-98c-117.9-8.1-195-3-195-3s87.4 55.6 52.4 154.7c-25.6 52.5-65.8 95.6-108.8 144.7c-1.3 1.3-2.5 2.6-3.5 3.7C319.4 605 96 860 96 860c245.9 64.4 410.7-6.3 508.2-91.1c20.5-.2 35.9-.3 46.3-.3c135.8 0 250.6-117.6 245.9-248.4c-3.2-89.9-31.9-110.2-41.8-149.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M854.6 370.6c-9.9-39.4 9.9-102.2 73.4-124.4l-67.9-3.6s-25.7-90-143.6-98c-117.9-8.1-195-3-195-3s87.4 55.6 52.4 154.7c-25.6 52.5-65.8 95.6-108.8 144.7c-1.3 1.3-2.5 2.6-3.5 3.7C319.4 605 96 860 96 860c245.9 64.4 410.7-6.3 508.2-91.1c20.5-.2 35.9-.3 46.3-.3c135.8 0 250.6-117.6 245.9-248.4c-3.2-89.9-31.9-110.2-41.8-149.6"/></svg>
</template>

CSS

.icon-yuque-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M854.6%20370.6c-9.9-39.4%209.9-102.2%2073.4-124.4l-67.9-3.6s-25.7-90-143.6-98c-117.9-8.1-195-3-195-3s87.4%2055.6%2052.4%20154.7c-25.6%2052.5-65.8%2095.6-108.8%20144.7c-1.3%201.3-2.5%202.6-3.5%203.7C319.4%20605%2096%20860%2096%20860c245.9%2064.4%20410.7-6.3%20508.2-91.1c20.5-.2%2035.9-.3%2046.3-.3c135.8%200%20250.6-117.6%20245.9-248.4c-3.2-89.9-31.9-110.2-41.8-149.6%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M854.6%20370.6c-9.9-39.4%209.9-102.2%2073.4-124.4l-67.9-3.6s-25.7-90-143.6-98c-117.9-8.1-195-3-195-3s87.4%2055.6%2052.4%20154.7c-25.6%2052.5-65.8%2095.6-108.8%20144.7c-1.3%201.3-2.5%202.6-3.5%203.7C319.4%20605%2096%20860%2096%20860c245.9%2064.4%20410.7-6.3%20508.2-91.1c20.5-.2%2035.9-.3%2046.3-.3c135.8%200%20250.6-117.6%20245.9-248.4c-3.2-89.9-31.9-110.2-41.8-149.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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