galactic-senate
Font Awesome Brands
颜色与描边跟随预览参数实时变化,以下为常见界面中的渲染效果。
按钮内
输入框
导航
空状态
暂无内容
桌面 / 浏览器 / 按钮 / 导航栏
手机桌面 · App 图标
浏览器 · 标签页与站点
操作按钮 · 主次层级
底部导航 · Tab 栏
真实组件上下文中的渲染效果,代码可直接复制。
导航项
导航菜单
<a href="#" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm text-neutral-700 hover:bg-neutral-100 dark:text-neutral-200 dark:hover:bg-neutral-800">
<!-- 内联 galactic-senate SVG -->
<span>导航菜单</span>
</a>主要按钮
立即开始
<button class="inline-flex items-center gap-2 rounded-lg bg-neutral-900 px-4 py-2 text-sm font-medium text-white dark:bg-neutral-100 dark:text-neutral-900">
<!-- 内联 galactic-senate SVG -->
立即开始
</button>React 组件
内联引入
import { galacticsenateIcon } from './icons';
function Nav() {
return <galacticsenateIcon className="size-4" />;
}状态徽标
已完成
<span class="inline-flex items-center gap-1.5 rounded-full bg-neutral-100 px-2.5 py-1 text-xs font-medium text-neutral-700">
<!-- 内联 galactic-senate SVG -->
已完成
</span>输入框前缀
搜索框
<div class="flex items-center gap-2 rounded-lg border border-neutral-200 px-3 py-2 text-sm">
<!-- 内联 galactic-senate SVG -->
<input placeholder="搜索galactic-senate…" class="w-full outline-none" />
</div>功能卡片
功能名称
功能名称
功能的一句话说明。
<div class="rounded-xl border border-neutral-200 p-4">
<span class="flex size-9 items-center justify-center rounded-lg bg-neutral-900 text-white">
<!-- 内联 galactic-senate SVG -->
</span>
<p class="mt-3 text-sm font-medium">功能名称</p>
<p class="mt-1 text-xs text-neutral-500">功能的一句话说明。</p>
</div>为 galactic-senate 添加 CSS 动效,导出的 SVG 内嵌样式,单文件即可播放,无需任何依赖。
描画
线条从无到有依次绘出,适合线性图标
.icon-b4f0f69a718b37da { stroke-dasharray: 1; animation: svg-draw 1.2s forwards; }呼吸
透明度往复渐变,适合状态提示图标
.icon-b4f0f69a718b37da { animation: svg-breathe 1.8s infinite; }旋转
匀速循环旋转,适合加载中场景
.icon-b4f0f69a718b37da { animation: svg-spin 1.6s linear infinite; }galactic-senate 在真实界面中的三种常见用法。
按钮内
16px · action 触发
导航项
18px · 列表选中态
暂无数据
空状态
40px · 引导提示
24px 到 128px 六个常用尺寸的真实渲染,用于检查小尺寸下的可读性。
24px
32px
48px
64px
96px
128px
SVG 矢量文件、PNG 位图(预设 16~512px 或自定义 16~1024px)、Favicon 包、App 图标包(iOS + Android)与矢量 PDF 一键导出;下载前可在下方「预览参数」改色,导出文件同步生效。
Web、移动端、桌面端与小程序共 17 种格式;代码基于当前预览颜色生成,复制即用。
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M249.86 33.48v26.07C236.28 80.17 226 168.14 225.39 274.9c11.74-15.62 19.13-33.33 19.13-48.24v-16.88c-.03-5.32.75-10.53 2.19-15.65c.65-2.14 1.39-4.08 2.62-5.82c1.23-1.75 3.43-3.79 6.68-3.79c3.24 0 5.45 2.05 6.68 3.79c1.23 1.75 1.97 3.68 2.62 5.82c1.44 5.12 2.22 10.33 2.19 15.65v16.88c0 14.91 7.39 32.62 19.13 48.24c-.63-106.76-10.91-194.73-24.49-215.35V33.48zm-26.34 147.77c-9.52 2.15-18.7 5.19-27.46 9.08c8.9 16.12 9.76 32.64 1.71 37.29c-8 4.62-21.85-4.23-31.36-19.82c-11.58 8.79-21.88 19.32-30.56 31.09c14.73 9.62 22.89 22.92 18.32 30.66c-4.54 7.7-20.03 7.14-35.47-.96c-5.78 13.25-9.75 27.51-11.65 42.42c9.68.18 18.67 2.38 26.18 6.04c17.78-.3 32.77-1.96 40.49-4.22c5.55-26.35 23.02-48.23 46.32-59.51c.73-25.55 1.88-49.67 3.48-72.07m64.96 0c1.59 22.4 2.75 46.52 3.47 72.07c23.29 11.28 40.77 33.16 46.32 59.51c7.72 2.26 22.71 3.92 40.49 4.22c7.51-3.66 16.5-5.85 26.18-6.04c-1.9-14.91-5.86-29.17-11.65-42.42c-15.44 8.1-30.93 8.66-35.47.96c-4.57-7.74 3.6-21.05 18.32-30.66c-8.68-11.77-18.98-22.3-30.56-31.09c-9.51 15.59-23.36 24.44-31.36 19.82c-8.05-4.65-7.19-21.16 1.71-37.29a147.5 147.5 0 0 0-27.45-9.08m-32.48 8.6c-3.23 0-5.86 8.81-6.09 19.93h-.05v16.88c0 41.42-49.01 95.04-93.49 95.04c-52 0-122.75-1.45-156.37 29.17v2.51c9.42 17.12 20.58 33.17 33.18 47.97C45.7 380.26 84.77 360.4 141.2 360c45.68 1.02 79.03 20.33 90.76 40.87c.01.01-.01.04 0 .05c7.67 2.14 15.85 3.23 24.04 3.21c8.19.02 16.37-1.07 24.04-3.21c.01-.01-.01-.04 0-.05c11.74-20.54 45.08-39.85 90.76-40.87c56.43.39 95.49 20.26 108.02 41.35c12.6-14.8 23.76-30.86 33.18-47.97v-2.51c-33.61-30.62-104.37-29.17-156.37-29.17c-44.48 0-93.49-53.62-93.49-95.04v-16.88h-.05c-.23-11.12-2.86-19.93-6.09-19.93m0 96.59c22.42 0 40.6 18.18 40.6 40.6s-18.18 40.65-40.6 40.65s-40.6-18.23-40.6-40.65s18.18-40.6 40.6-40.6m0 7.64c-18.19 0-32.96 14.77-32.96 32.96S237.81 360 256 360s32.96-14.77 32.96-32.96s-14.77-32.96-32.96-32.96m0 6.14c14.81 0 26.82 12.01 26.82 26.82s-12.01 26.82-26.82 26.82s-26.82-12.01-26.82-26.82s12.01-26.82 26.82-26.82m-114.8 66.67c-10.19.07-21.6.36-30.5 1.66c.43 4.42 1.51 18.63 7.11 29.76c9.11-2.56 18.36-3.9 27.62-3.9c41.28.94 71.48 34.35 78.26 74.47l.11 4.7c10.4 1.91 21.19 2.94 32.21 2.94c11.03 0 21.81-1.02 32.21-2.94l.11-4.7c6.78-40.12 36.98-73.53 78.26-74.47c9.26 0 18.51 1.34 27.62 3.9c5.6-11.13 6.68-25.34 7.11-
…调整颜色、描边或开启轮廓化,使用场景与用法示例实时跟随。
风格变体
细线 · 1.2px · 密集布局
常规 · 2px · 通用界面
加粗 · 3.5px · 大尺寸标题
galactic-senate 是通用分类下的矢量图标(SVG 格式),矢量特性意味着任意缩放不失真,适配网页、App、演示文稿与印刷物料。该品牌在所属行业的官方标识。
在本页点击「下载」即可保存 galactic-senate 的 SVG 矢量文件,或在下载面板中选择 PNG(16~512px)与 Favicon 包等导出方式;也可以直接复制 SVG 源码、Data URI 或 React/Vue 组件代码。
galactic-senate 的品牌标志与名称版权归其品牌方所有,本站内容仅供学习与设计识别参考,请勿用于商标注册或误导性用途;商用前请确认品牌官方的使用规范与授权要求。文件体积 2.72 KB,viewBox 为 0 0 512 512,共 1 个矢量图元。
galactic-senate 是通用分类下的矢量图标(SVG 格式),矢量特性意味着任意缩放不失真,适配网页、App、演示文稿与印刷物料。
在本页点击「下载 SVG」即可保存 galactic-senate 的矢量文件,或在下载面板中选择 PNG(16~512px)与 Favicon 包等导出方式;也可以直接复制 SVG 源码、Data URI 或 React/Vue 组件代码。
galactic-senate 为品牌标志,版权归品牌方所有,本站内容仅供识别参考;商用前请先确认对应品牌的使用规范与授权要求。
在「预览参数」面板中调整颜色与描边宽度,使用场景与用法示例会实时跟随,确认效果后再复制或下载即可。
同时含 width/height 与 viewBox,可仅保留 viewBox 以自适应容器
文件体积
2.72 KB
2,786 字节
viewBox
0 0 512 512
同时含 width/height 与 viewBox,可仅保留 viewBox 以自适应容器
图元总数
1
<path> ×1
风格
单色轮廓
无显式填色,跟随容器 currentColor
galactic-senate 是一个通用类别的单文件 SVG 矢量图标,文件体积 2.72 KB,协议为™ 品牌商标(版权归品牌方,仅供识别参考)。可在本站免费下载 galactic-senate的 SVG 源文件与 PNG 位图(16-512px),支持自定义颜色与描边宽度、一键生成 Favicon 包,并提供 React / Vue 组件代码与 Data URI 引用。
同名不同风格的版本,点击查看与下载
Search for a command to run...