tiangong logo
tiangong from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- tiangong
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the tiangong logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M7.852 2.88H.647a.594.594 0 01-.592-.592.592.592 0 01.594-.588h7.205c1.49 0 2.96.474 4.157 1.335A7.196 7.196 0 0116.173 1.7h7.198a.592.592 0 01.596.588.595.595 0 01-.596.589h-7.198a5.944 5.944 0 00-3.226.96c.355.357.671.754.938 1.18a5.647 5.647 0 013.183-.987h6.303a.594.594 0 01.596.588.595.595 0 01-.596.589h-6.303c-.956 0-1.894.308-2.654.869.194.472.332.963.417 1.467a3.99 3.99 0 012.898-1.238h5.642a.592.592 0 01.55.815.594.594 0 01-.55.362h-5.63a2.79 2.79 0 00-2.804 2.764v3.511c.004 1.522 1.262 2.763 2.804 2.764h5.685l.02.002a.592.592 0 01.553.626.592.592 0 01-.592.547H17.74c-2.197-.004-3.988-1.769-3.99-3.937V8.702c-.006-3.207-2.65-5.817-5.899-5.821z"/><path d="M.647 5.203h6.31c2.445 0 4.434 1.967 4.432 4.38v4.838c0 3.06 2.524 5.552 5.628 5.552h6.31a.592.592 0 00.597-.586.59.59 0 00-.596-.589h-6.323a4.428 4.428 0 01-4.094-2.7 4.325 4.325 0 01-.335-1.68V9.584c0-3.055-2.52-5.549-5.618-5.555H.647a.592.592 0 00-.594.589.592.592 0 00.594.586z"/><path d="M23.361 21.116h.063a.531.531 0 01.417.208.587.587 0 01-.448.973l-.02-.002h-7.21a7.159 7.159 0 01-4.158-1.333 7.212 7.212 0 01-4.162 1.333H.606l-.02-.002H.568a.588.588 0 01.04-1.175l.02.002H7.84a5.937 5.937 0 003.234-.957 7.033 7.033 0 01-.94-1.181 5.609 5.609 0 01-3.181.987H.644a.593.593 0 01-.597-.588.592.592 0 01.596-.587h6.32c.951 0 1.877-.304 2.643-.867a6.886 6.886 0 01-.415-1.465 4.003 4.003 0 01-2.902 1.234H.592a.589.589 0 01.02-1.177l.02.003h5.65c1.543-.002 2.8-1.244 2.803-2.765v-3.509c-.002-1.524-1.258-2.764-2.802-2.764H.645a.592.592 0 01-.596-.589.592.592 0 01.596-.588h5.638c2.195.004 3.988 1.771 3.99 3.937V15.3c.002 3.209 2.648 5.821 5.899 5.825h7.142l.047-.008z"/></g></svg>
React
import type { SVGProps } from "react";
export function LobehubTiangong(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd"><path d="M7.852 2.88H.647a.594.594 0 01-.592-.592.592.592 0 01.594-.588h7.205c1.49 0 2.96.474 4.157 1.335A7.196 7.196 0 0116.173 1.7h7.198a.592.592 0 01.596.588.595.595 0 01-.596.589h-7.198a5.944 5.944 0 00-3.226.96c.355.357.671.754.938 1.18a5.647 5.647 0 013.183-.987h6.303a.594.594 0 01.596.588.595.595 0 01-.596.589h-6.303c-.956 0-1.894.308-2.654.869.194.472.332.963.417 1.467a3.99 3.99 0 012.898-1.238h5.642a.592.592 0 01.55.815.594.594 0 01-.55.362h-5.63a2.79 2.79 0 00-2.804 2.764v3.511c.004 1.522 1.262 2.763 2.804 2.764h5.685l.02.002a.592.592 0 01.553.626.592.592 0 01-.592.547H17.74c-2.197-.004-3.988-1.769-3.99-3.937V8.702c-.006-3.207-2.65-5.817-5.899-5.821z"/><path d="M.647 5.203h6.31c2.445 0 4.434 1.967 4.432 4.38v4.838c0 3.06 2.524 5.552 5.628 5.552h6.31a.592.592 0 00.597-.586.59.59 0 00-.596-.589h-6.323a4.428 4.428 0 01-4.094-2.7 4.325 4.325 0 01-.335-1.68V9.584c0-3.055-2.52-5.549-5.618-5.555H.647a.592.592 0 00-.594.589.592.592 0 00.594.586z"/><path d="M23.361 21.116h.063a.531.531 0 01.417.208.587.587 0 01-.448.973l-.02-.002h-7.21a7.159 7.159 0 01-4.158-1.333 7.212 7.212 0 01-4.162 1.333H.606l-.02-.002H.568a.588.588 0 01.04-1.175l.02.002H7.84a5.937 5.937 0 003.234-.957 7.033 7.033 0 01-.94-1.181 5.609 5.609 0 01-3.181.987H.644a.593.593 0 01-.597-.588.592.592 0 01.596-.587h6.32c.951 0 1.877-.304 2.643-.867a6.886 6.886 0 01-.415-1.465 4.003 4.003 0 01-2.902 1.234H.592a.589.589 0 01.02-1.177l.02.003h5.65c1.543-.002 2.8-1.244 2.803-2.765v-3.509c-.002-1.524-1.258-2.764-2.802-2.764H.645a.592.592 0 01-.596-.589.592.592 0 01.596-.588h5.638c2.195.004 3.988 1.771 3.99 3.937V15.3c.002 3.209 2.648 5.821 5.899 5.825h7.142l.047-.008z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M7.852 2.88H.647a.594.594 0 01-.592-.592.592.592 0 01.594-.588h7.205c1.49 0 2.96.474 4.157 1.335A7.196 7.196 0 0116.173 1.7h7.198a.592.592 0 01.596.588.595.595 0 01-.596.589h-7.198a5.944 5.944 0 00-3.226.96c.355.357.671.754.938 1.18a5.647 5.647 0 013.183-.987h6.303a.594.594 0 01.596.588.595.595 0 01-.596.589h-6.303c-.956 0-1.894.308-2.654.869.194.472.332.963.417 1.467a3.99 3.99 0 012.898-1.238h5.642a.592.592 0 01.55.815.594.594 0 01-.55.362h-5.63a2.79 2.79 0 00-2.804 2.764v3.511c.004 1.522 1.262 2.763 2.804 2.764h5.685l.02.002a.592.592 0 01.553.626.592.592 0 01-.592.547H17.74c-2.197-.004-3.988-1.769-3.99-3.937V8.702c-.006-3.207-2.65-5.817-5.899-5.821z"/><path d="M.647 5.203h6.31c2.445 0 4.434 1.967 4.432 4.38v4.838c0 3.06 2.524 5.552 5.628 5.552h6.31a.592.592 0 00.597-.586.59.59 0 00-.596-.589h-6.323a4.428 4.428 0 01-4.094-2.7 4.325 4.325 0 01-.335-1.68V9.584c0-3.055-2.52-5.549-5.618-5.555H.647a.592.592 0 00-.594.589.592.592 0 00.594.586z"/><path d="M23.361 21.116h.063a.531.531 0 01.417.208.587.587 0 01-.448.973l-.02-.002h-7.21a7.159 7.159 0 01-4.158-1.333 7.212 7.212 0 01-4.162 1.333H.606l-.02-.002H.568a.588.588 0 01.04-1.175l.02.002H7.84a5.937 5.937 0 003.234-.957 7.033 7.033 0 01-.94-1.181 5.609 5.609 0 01-3.181.987H.644a.593.593 0 01-.597-.588.592.592 0 01.596-.587h6.32c.951 0 1.877-.304 2.643-.867a6.886 6.886 0 01-.415-1.465 4.003 4.003 0 01-2.902 1.234H.592a.589.589 0 01.02-1.177l.02.003h5.65c1.543-.002 2.8-1.244 2.803-2.765v-3.509c-.002-1.524-1.258-2.764-2.802-2.764H.645a.592.592 0 01-.596-.589.592.592 0 01.596-.588h5.638c2.195.004 3.988 1.771 3.99 3.937V15.3c.002 3.209 2.648 5.821 5.899 5.825h7.142l.047-.008z"/></g></svg> </template>
CSS
.icon-tiangong {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M7.852%202.88H.647a.594.594%200%2001-.592-.592.592.592%200%2001.594-.588h7.205c1.49%200%202.96.474%204.157%201.335A7.196%207.196%200%200116.173%201.7h7.198a.592.592%200%2001.596.588.595.595%200%2001-.596.589h-7.198a5.944%205.944%200%2000-3.226.96c.355.357.671.754.938%201.18a5.647%205.647%200%20013.183-.987h6.303a.594.594%200%2001.596.588.595.595%200%2001-.596.589h-6.303c-.956%200-1.894.308-2.654.869.194.472.332.963.417%201.467a3.99%203.99%200%20012.898-1.238h5.642a.592.592%200%2001.55.815.594.594%200%2001-.55.362h-5.63a2.79%202.79%200%2000-2.804%202.764v3.511c.004%201.522%201.262%202.763%202.804%202.764h5.685l.02.002a.592.592%200%2001.553.626.592.592%200%2001-.592.547H17.74c-2.197-.004-3.988-1.769-3.99-3.937V8.702c-.006-3.207-2.65-5.817-5.899-5.821z%22%2F%3E%3Cpath%20d%3D%22M.647%205.203h6.31c2.445%200%204.434%201.967%204.432%204.38v4.838c0%203.06%202.524%205.552%205.628%205.552h6.31a.592.592%200%2000.597-.586.59.59%200%2000-.596-.589h-6.323a4.428%204.428%200%2001-4.094-2.7%204.325%204.325%200%2001-.335-1.68V9.584c0-3.055-2.52-5.549-5.618-5.555H.647a.592.592%200%2000-.594.589.592.592%200%2000.594.586z%22%2F%3E%3Cpath%20d%3D%22M23.361%2021.116h.063a.531.531%200%2001.417.208.587.587%200%2001-.448.973l-.02-.002h-7.21a7.159%207.159%200%2001-4.158-1.333%207.212%207.212%200%2001-4.162%201.333H.606l-.02-.002H.568a.588.588%200%2001.04-1.175l.02.002H7.84a5.937%205.937%200%20003.234-.957%207.033%207.033%200%2001-.94-1.181%205.609%205.609%200%2001-3.181.987H.644a.593.593%200%2001-.597-.588.592.592%200%2001.596-.587h6.32c.951%200%201.877-.304%202.643-.867a6.886%206.886%200%2001-.415-1.465%204.003%204.003%200%2001-2.902%201.234H.592a.589.589%200%2001.02-1.177l.02.003h5.65c1.543-.002%202.8-1.244%202.803-2.765v-3.509c-.002-1.524-1.258-2.764-2.802-2.764H.645a.592.592%200%2001-.596-.589.592.592%200%2001.596-.588h5.638c2.195.004%203.988%201.771%203.99%203.937V15.3c.002%203.209%202.648%205.821%205.899%205.825h7.142l.047-.008z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M7.852%202.88H.647a.594.594%200%2001-.592-.592.592.592%200%2001.594-.588h7.205c1.49%200%202.96.474%204.157%201.335A7.196%207.196%200%200116.173%201.7h7.198a.592.592%200%2001.596.588.595.595%200%2001-.596.589h-7.198a5.944%205.944%200%2000-3.226.96c.355.357.671.754.938%201.18a5.647%205.647%200%20013.183-.987h6.303a.594.594%200%2001.596.588.595.595%200%2001-.596.589h-6.303c-.956%200-1.894.308-2.654.869.194.472.332.963.417%201.467a3.99%203.99%200%20012.898-1.238h5.642a.592.592%200%2001.55.815.594.594%200%2001-.55.362h-5.63a2.79%202.79%200%2000-2.804%202.764v3.511c.004%201.522%201.262%202.763%202.804%202.764h5.685l.02.002a.592.592%200%2001.553.626.592.592%200%2001-.592.547H17.74c-2.197-.004-3.988-1.769-3.99-3.937V8.702c-.006-3.207-2.65-5.817-5.899-5.821z%22%2F%3E%3Cpath%20d%3D%22M.647%205.203h6.31c2.445%200%204.434%201.967%204.432%204.38v4.838c0%203.06%202.524%205.552%205.628%205.552h6.31a.592.592%200%2000.597-.586.59.59%200%2000-.596-.589h-6.323a4.428%204.428%200%2001-4.094-2.7%204.325%204.325%200%2001-.335-1.68V9.584c0-3.055-2.52-5.549-5.618-5.555H.647a.592.592%200%2000-.594.589.592.592%200%2000.594.586z%22%2F%3E%3Cpath%20d%3D%22M23.361%2021.116h.063a.531.531%200%2001.417.208.587.587%200%2001-.448.973l-.02-.002h-7.21a7.159%207.159%200%2001-4.158-1.333%207.212%207.212%200%2001-4.162%201.333H.606l-.02-.002H.568a.588.588%200%2001.04-1.175l.02.002H7.84a5.937%205.937%200%20003.234-.957%207.033%207.033%200%2001-.94-1.181%205.609%205.609%200%2001-3.181.987H.644a.593.593%200%2001-.597-.588.592.592%200%2001.596-.587h6.32c.951%200%201.877-.304%202.643-.867a6.886%206.886%200%2001-.415-1.465%204.003%204.003%200%2001-2.902%201.234H.592a.589.589%200%2001.02-1.177l.02.003h5.65c1.543-.002%202.8-1.244%202.803-2.765v-3.509c-.002-1.524-1.258-2.764-2.802-2.764H.645a.592.592%200%2001-.596-.589.592.592%200%2001.596-.588h5.638c2.195.004%203.988%201.771%203.99%203.937V15.3c.002%203.209%202.648%205.821%205.899%205.825h7.142l.047-.008z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/tiangong.svg?color=%231a73e8&size=48
