使用场景
颜色与描边跟随预览参数实时变化，以下为常见界面中的渲染效果。
按钮内
输入框
搜索Cheetah by DHAMIJA...
导航
Cheetah by DHAMIJA
空状态
暂无内容
场景预览
桌面 / 浏览器 / 按钮 / 导航栏
手机桌面 · App 图标
9:41
Cheetah by DHAMIJA
浏览器 · 标签页与站点
0366b4a3e6fb27e3.example
Cheetah by DHAMIJA开始使用
操作按钮 · 主次层级
Cheetah by DHAMIJA了解更多
底部导航 · Tab 栏
Cheetah by DHAMIJA推荐收藏我的
UI 使用示例
真实组件上下文中的渲染效果，代码可直接复制。
导航项
导航菜单
导航菜单
html
<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">
<!-- 内联 Cheetah by DHAMIJA SVG -->
<span>导航菜单</span>
</a>主要按钮
立即开始
html
<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">
<!-- 内联 Cheetah by DHAMIJA SVG -->
立即开始
</button>React 组件
内联引入
react
import { CheetahbyDHAMIJAIcon } from './icons';
function Nav() {
return <CheetahbyDHAMIJAIcon className="size-4" />;
}状态徽标
已完成
已完成
html
<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">
<!-- 内联 Cheetah by DHAMIJA SVG -->
已完成
</span>输入框前缀
搜索框
搜索Cheetah by DHAMIJA…
html
<div class="flex items-center gap-2 rounded-lg border border-neutral-200 px-3 py-2 text-sm">
<!-- 内联 Cheetah by DHAMIJA SVG -->
<input placeholder="搜索Cheetah by DHAMIJA…" class="w-full outline-none" />
</div>功能卡片
功能名称
功能名称
功能的一句话说明。
html
<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">
<!-- 内联 Cheetah by DHAMIJA SVG -->
</span>
<p class="mt-3 text-sm font-medium">功能名称</p>
<p class="mt-1 text-xs text-neutral-500">功能的一句话说明。</p>
</div>动效图标
为 Cheetah by DHAMIJA 添加 CSS 动效，导出的 SVG 内嵌样式，单文件即可播放，无需任何依赖。
描画
线条从无到有依次绘出，适合线性图标
.icon-0366b4a3e6fb27e3 { stroke-dasharray: 1; animation: svg-draw 1.2s forwards; }呼吸
透明度往复渐变，适合状态提示图标
.icon-0366b4a3e6fb27e3 { animation: svg-breathe 1.8s infinite; }旋转
匀速循环旋转，适合加载中场景
.icon-0366b4a3e6fb27e3 { animation: svg-spin 1.6s linear infinite; }用法示例
Cheetah by DHAMIJA 在真实界面中的三种常见用法。
继续下一步
按钮内
16px · action 触发
Cheetah by DHAMIJA
导航项
18px · 列表选中态
暂无数据
空状态
40px · 引导提示
各尺寸下的 Cheetah by DHAMIJA
24px 到 128px 六个常用尺寸的真实渲染，用于检查小尺寸下的可读性。
24px
32px
48px
64px
96px
128px
下载 Cheetah by DHAMIJA 图标
SVG 矢量文件、PNG 位图（预设 16~512px 或自定义 16~1024px）、Favicon 包、App 图标包（iOS + Android）与矢量 PDF 一键导出；下载前可在下方「预览参数」改色，导出文件同步生效。
按预览颜色导出px（16~1024）
复制 Cheetah by DHAMIJA 图标代码
Web、移动端、桌面端与小程序共 17 种格式；代码基于当前预览颜色生成，复制即用。
svg
<svg viewBox="5.631 34.273 88.739 31.45" xmlns="http://www.w3.org/2000/svg"><path d="m23.701 41.807-.385-.774.477-.721.865.054.385.774-.479.721z"/><path d="m24.648 41.674-.272-.548.338-.509.608.036.275.549-.34.509zm.897 2.083-.294-.588.365-.548.655.04.295.589-.365.548zm1.55 3.639-.292-.588.363-.55.654.041.295.59-.364.548zm-3.632 1.724-.218-.435.27-.406.485.031.214.435-.266.404zm4.034-4.039-.347-.695.431-.645.773.048.346.693-.429.647zm-3.233 3.212-.278-.555.343-.516.618.038.276.555-.343.517zm.293-1.887-.358-.717.443-.666.796.05.359.715-.444.668zm-.982-2.387-.197-.396.244-.366.439.028.197.393-.244.368zm3.175-2.727-.141-.282.175-.266.318.021.139.284-.174.262zm.825 1.113-.14-.284.174-.263.316.019.14.284-.173.263z"/><path d="m27.856 42.513-.115-.23.143-.217.258.017.115.231-.143.214zm-1.636 6.341-.196-.394.243-.368.441.027.194.396-.242.366z"/><path d="m26.631 49.344-.197-.393.245-.366.438.027.195.394-.243.366zm2.055-8.098-.197-.396.244-.367.439.028.196.393-.243.369zm-3.426 5.587-.198-.395.244-.368.44.028.195.395-.243.367zm31.167-6.659.479-.722-.385-.775-.864-.053-.477.721.383.776z"/><path d="m55.503 39.924.34-.509-.274-.548-.608-.039-.337.511.271.547zm25.25 14.313.48-.723-.386-.774-.864-.054-.476.72.386.777z"/><path d="m79.832 53.987.338-.509-.272-.548-.608-.038-.34.509.274.548zm-26.291-11.154.364-.547-.293-.59-.655-.041-.364.548.293.589zm4.856-1.638.363-.55-.294-.588-.657-.041-.363.548.291.59zm7.644 7.804.362-.55-.291-.588-.66-.041-.361.549.293.589zm20.66 3.772.342-.51-.269-.551-.611-.041-.342.51.269.55zm-35.147-6.521.367-.548-.296-.588-.655-.041-.365.548.293.589zm3.659 2.175.268-.404-.216-.435-.483-.03-.268.405.216.434zm-3.772-4.521.431-.647-.346-.695-.775-.048-.43.647.347.695z"/><path d="m54.835 47.841.34-.517-.275-.552-.619-.038-.34.514.274.555zm-.636-2.257.441-.666-.356-.719-.798-.05-.444.669.356.715zm1.266-2.25.244-.367-.197-.395-.439-.028-.244.369.197.394zm-2.444-5.809.244-.366-.196-.396-.438-.026-.243.367.194.394zm6.742 6.944.18-.269-.145-.291-.32-.019-.181.269.144.289zm28.595 8.414.182-.269-.145-.29-.321-.019-.181.268.145.291zm-22.791-5.697.181-.269-.143-.288-.323-.023-.178.266.14.292zm14.989 5.777.178-.269-.139-.291-.324-.021-.178.268.139.29zm-13.454-4.915.142-.213-.112-.229-.255-.016-.143.211.113.23zm3.886 2.106.14-.212-.109-.228-.255-.018-.143.21.112.23zm-1.764-1.01.087-.134-.069-.148-.161-.011-.094.135.075.147zm4.102 2.019.105-.159-.083-.173-.192-.014
…预览参数
调整颜色、描边或开启轮廓化，使用场景与用法示例实时跟随。
风格变体
细线 · 1.2px · 密集布局
常规 · 2px · 通用界面
加粗 · 3.5px · 大尺寸标题
关于 Cheetah by DHAMIJA 图标
Cheetah by DHAMIJA 是动物分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。该品牌在所属行业的官方标识。
在本页点击「下载」即可保存 Cheetah by DHAMIJA 的 SVG 矢量文件，或在下载面板中选择 PNG（16~512px）与 Favicon 包等导出方式；也可以直接复制 SVG 源码、Data URI 或 React/Vue 组件代码。
Cheetah by DHAMIJA 的品牌标志与名称版权归其品牌方所有，本站内容仅供学习与设计识别参考，请勿用于商标注册或误导性用途；商用前请确认品牌官方的使用规范与授权要求。文件体积 16.13 KB，viewBox 为 5.631 34.273 88.739 31.45，共 35 个矢量图元。
常见问题
Cheetah by DHAMIJA 图标是什么？
Cheetah by DHAMIJA 是动物分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。
如何下载 Cheetah by DHAMIJA 图标？
在本页点击「下载 SVG」即可保存 Cheetah by DHAMIJA 的矢量文件，或在下载面板中选择 PNG（16~512px）与 Favicon 包等导出方式；也可以直接复制 SVG 源码、Data URI 或 React/Vue 组件代码。
Cheetah by DHAMIJA 图标可以商用吗？
Cheetah by DHAMIJA 为品牌标志，版权归品牌方所有，本站内容仅供识别参考；商用前请先确认对应品牌的使用规范与授权要求。
如何修改 Cheetah by DHAMIJA 图标的颜色？
在「预览参数」面板中调整颜色与描边宽度，使用场景与用法示例会实时跟随，确认效果后再复制或下载即可。
SVG 健康报告
100/100
同时含 width/height 与 viewBox，可仅保留 viewBox 以自适应容器
文件体积
16.13 KB
16,518 字节
viewBox
5.631 34.273 88.739 31.45
同时含 width/height 与 viewBox，可仅保留 viewBox 以自适应容器
图元总数
35
<path> ×35
风格
单色轮廓
无显式填色，跟随容器 currentColor
相似图标
按名称与标签相似度排序。
Cheetah by DHAMIJA 的其他风格版本
同名图标的不同绘制风格，切换后预览与下载均使用所选版本。
默认
版本 2
版本 3
版本 4
图标信息摘要
Cheetah by DHAMIJA 是一个动物类别的单文件 SVG 矢量图标，文件体积 16.13 KB，协议为™ 品牌商标（版权归品牌方，仅供识别参考）。可在本站免费下载 Cheetah by DHAMIJA的 SVG 源文件与 PNG 位图（16-512px），支持自定义颜色与描边宽度、一键生成 Favicon 包，并提供 React / Vue 组件代码与 Data URI 引用。
继续探索
相关搜索
相关图标
