Mite Alt
mite-alt
long-antennae-bug
正在读取图标颜色…
颜色与描边跟随预览参数实时变化,以下为常见界面中的渲染效果。
按钮内
输入框
导航
空状态
暂无内容
桌面 / 浏览器 / 按钮 / 导航栏
手机桌面 · 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">
<!-- 内联 Long Antennae Bug 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">
<!-- 内联 Long Antennae Bug SVG -->
立即开始
</button>React 组件
内联引入
import { LongAntennaeBugIcon } from './icons';
function Nav() {
return <LongAntennaeBugIcon 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">
<!-- 内联 Long Antennae Bug SVG -->
已完成
</span>输入框前缀
搜索框
<div class="flex items-center gap-2 rounded-lg border border-neutral-200 px-3 py-2 text-sm">
<!-- 内联 Long Antennae Bug SVG -->
<input placeholder="搜索Long Antennae Bug…" 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">
<!-- 内联 Long Antennae Bug SVG -->
</span>
<p class="mt-3 text-sm font-medium">功能名称</p>
<p class="mt-1 text-xs text-neutral-500">功能的一句话说明。</p>
</div>为 Long Antennae Bug 添加 CSS 动效,导出的 SVG 内嵌样式,单文件即可播放,无需任何依赖。
描画
线条从无到有依次绘出,适合线性图标
.icon-8ca50d8d539e77c9 { stroke-dasharray: 1; animation: svg-draw 1.2s forwards; }呼吸
透明度往复渐变,适合状态提示图标
.icon-8ca50d8d539e77c9 { animation: svg-breathe 1.8s infinite; }旋转
匀速循环旋转,适合加载中场景
.icon-8ca50d8d539e77c9 { animation: svg-spin 1.6s linear infinite; }Long Antennae Bug 在真实界面中的三种常见用法。
按钮内
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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M175.58 22.85a59 59 0 0 0-6.525.388c-34.765 4.01-67.404 36.405-81.116 87.473c-7.775 28.958-22.882 44.807-37.352 51.49c-11.51 5.318-22.383 4.86-30.11.702v20.04c11.742 3.31 25.265 2.08 37.946-3.776c20.222-9.34 38.646-30.388 47.566-63.61c12.287-45.76 40.885-70.947 65.207-73.753c12.16-1.403 23.476 2.11 33.547 12.02c9.938 9.78 18.513 26.304 22.695 50.91a84 84 0 0 1 18.07-5.104c-4.787-26.406-14.444-46.124-27.658-59.126c-12.006-11.814-27.05-17.71-42.27-17.654m164.857 0c-15.218-.055-30.263 5.84-42.27 17.654c-13.15 12.94-22.78 32.528-27.59 58.74a84 84 0 0 1 18.173 4.526c4.242-24.07 12.717-40.296 22.523-49.946c10.07-9.91 21.386-13.424 33.547-12.02c24.322 2.805 52.92 27.99 65.207 73.753c8.92 33.22 27.343 54.268 47.565 63.61c12.757 5.892 26.368 7.098 38.162 3.71v-20.084c-7.74 4.262-18.71 4.773-30.324-.592c-14.47-6.683-29.58-22.532-37.354-51.49c-13.71-51.067-46.35-83.46-81.115-87.472a59 59 0 0 0-6.522-.388zm-81.11 94.332c-36.628 0-66.12 29.49-66.12 66.117c0 7.254 1.174 14.22 3.314 20.743l6.876 3.97c34.858 20.124 80.19 19.712 114.334 0l3.8-2.197a66.3 66.3 0 0 0 3.913-22.517c0-36.628-29.49-66.118-66.117-66.118zm-55.692 111.96c-28.358 74.212-10.03 151.08 56.904 221.358c66.006-69.856 84.616-147.21 56.888-221.332c-13.99 6.558-29.088 10.553-44.45 11.96c-.28 60.717-4.582 121.43-11.962 182.143c-6.524-60.676-10.983-121.354-11.73-182.032c-15.687-1.294-31.2-5.304-45.65-12.095zm-114.15 4.64L66.362 272.89l-43.94 1.253l.534 18.68l54.244-1.548l21.482-36.328l75.123 16.555c.755-6.16 1.79-12.313 3.123-18.447l-87.444-19.272zm333.97 0l-79.898 17.61a206 206 0 0 1 3.195 18.432l67.506-14.877l21.48 36.328l54.244 1.55l.534-18.682l-43.938-1.254zm-325.44 67.515L77.89 343.72l-45.005 9.774l3.967 18.264l53.982-11.725l18.78-39.578l64.552 2.53a202 202 0 0 1-1.672-18.77l-74.478-2.918zm316.91 0l-66.78 2.617a205 205 0 0 1-1.69 18.772l56.873-2.23l18.777 39.577l53.983 11.725l3.967-18.264l-45.002-9.773l-20.13-42.423zm-233.1 55.95l-68.317 11.737l-16.406 45.202l-45.32 19.347l7.34 17.188l52.78-22.533l15.47-42.623l60.86-10.457a227 227 0 0 1-6.408-17.86zm156.532 1.243a231 231 0 0 1-6.48 17.85l53.69 9.224l15.472 42.623l52.78 22.534l7.338-17.187l-45.32-19.347l-16.406-45.202zm-138.072 41.97c-1.914 29.147 4.493 60.784 17.197 87.61c11.43-7.24 21.753-15.01 30.81-23.166c-19.876-20.682-35.897-42.284-48.007-64.445zm116.59 6.306c-11.
…调整颜色、描边或开启轮廓化,使用场景与用法示例实时跟随。
风格变体
细线 · 1.2px · 密集布局
常规 · 2px · 通用界面
加粗 · 3.5px · 大尺寸标题
Long Antennae Bug 是通用分类下的矢量图标(SVG 格式),矢量特性意味着任意缩放不失真,适配网页、App、演示文稿与印刷物料。该品牌在所属行业的官方标识。
在本页点击「下载」即可保存 Long Antennae Bug 的 SVG 矢量文件,或在下载面板中选择 PNG(16~512px)与 Favicon 包等导出方式;也可以直接复制 SVG 源码、Data URI 或 React/Vue 组件代码。
Long Antennae Bug 的品牌标志与名称版权归其品牌方所有,本站内容仅供学习与设计识别参考,请勿用于商标注册或误导性用途;商用前请确认品牌官方的使用规范与授权要求。文件体积 2.49 KB,viewBox 为 0 0 512 512,共 1 个矢量图元。
Long Antennae Bug 是通用分类下的矢量图标(SVG 格式),矢量特性意味着任意缩放不失真,适配网页、App、演示文稿与印刷物料。
在本页点击「下载 SVG」即可保存 Long Antennae Bug 的矢量文件,或在下载面板中选择 PNG(16~512px)与 Favicon 包等导出方式;也可以直接复制 SVG 源码、Data URI 或 React/Vue 组件代码。
Long Antennae Bug 为品牌标志,版权归品牌方所有,本站内容仅供识别参考;商用前请先确认对应品牌的使用规范与授权要求。
在「预览参数」面板中调整颜色与描边宽度,使用场景与用法示例会实时跟随,确认效果后再复制或下载即可。
同时含 width/height 与 viewBox,可仅保留 viewBox 以自适应容器
文件体积
2.49 KB
2,549 字节
viewBox
0 0 512 512
同时含 width/height 与 viewBox,可仅保留 viewBox 以自适应容器
图元总数
1
<path> ×1
风格
单色轮廓
无显式填色,跟随容器 currentColor
Long Antennae Bug 是一个通用类别的单文件 SVG 矢量图标,文件体积 2.49 KB,协议为™ 品牌商标(版权归品牌方,仅供识别参考)。可在本站免费下载 Long Antennae Bug的 SVG 源文件与 PNG 位图(16-512px),支持自定义颜色与描边宽度、一键生成 Favicon 包,并提供 React / Vue 组件代码与 Data URI 引用。
Search for a command to run...