SVG 图标

Westchester Group

还没有评分，抢首评

农业食品

复制与下载

SVG 矢量格式 · 当前版本

使用场景

颜色与描边跟随预览参数实时变化，以下为常见界面中的渲染效果。

按钮内

输入框

搜索Westchester Group...

导航

Westchester Group

空状态

暂无内容

场景预览

桌面 / 浏览器 / 按钮 / 导航栏

手机桌面 · App 图标

9:41

Westchester Group

浏览器 · 标签页与站点

2692c53a9d0a1fd1.example

Westchester Group开始使用

操作按钮 · 主次层级

Westchester Group了解更多

底部导航 · Tab 栏

Westchester Group推荐收藏我的

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">
  <!-- 内联 Westchester Group 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">
  <!-- 内联 Westchester Group SVG -->
  立即开始
</button>

React 组件

内联引入

react

import { WestchesterGroupIcon } from './icons';

function Nav() {
  return <WestchesterGroupIcon 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">
  <!-- 内联 Westchester Group SVG -->
  已完成
</span>

输入框前缀

搜索框

搜索Westchester Group…

html

<div class="flex items-center gap-2 rounded-lg border border-neutral-200 px-3 py-2 text-sm">
  <!-- 内联 Westchester Group SVG -->
  <input placeholder="搜索Westchester Group…" 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">
    <!-- 内联 Westchester Group SVG -->
  </span>
  <p class="mt-3 text-sm font-medium">功能名称</p>
  <p class="mt-1 text-xs text-neutral-500">功能的一句话说明。</p>
</div>

动效图标

为 Westchester Group 添加 CSS 动效，导出的 SVG 内嵌样式，单文件即可播放，无需任何依赖。

描画

线条从无到有依次绘出，适合线性图标

.icon-2692c53a9d0a1fd1 { stroke-dasharray: 1; animation: svg-draw 1.2s forwards; }

呼吸

透明度往复渐变，适合状态提示图标

.icon-2692c53a9d0a1fd1 { animation: svg-breathe 1.8s infinite; }

旋转

匀速循环旋转，适合加载中场景

.icon-2692c53a9d0a1fd1 { animation: svg-spin 1.6s linear infinite; }

用法示例

Westchester Group 在真实界面中的三种常见用法。

继续下一步

按钮内
16px · action 触发

Westchester Group

导航项
18px · 列表选中态

暂无数据

空状态
40px · 引导提示

各尺寸下的 Westchester Group

24px 到 128px 六个常用尺寸的真实渲染，用于检查小尺寸下的可读性。

24px

32px

48px

64px

96px

128px

下载 Westchester Group 图标

SVG 矢量文件、PNG 位图（预设 16~512px 或自定义 16~1024px）、Favicon 包、App 图标包（iOS + Android）与矢量 PDF 一键导出；下载前可在下方「预览参数」改色，导出文件同步生效。

按预览颜色导出自定义尺寸px（16~1024）

复制 Westchester Group 图标代码

Web、移动端、桌面端与小程序共 17 种格式；代码基于当前预览颜色生成，复制即用。

svg

<svg viewBox="0 0 633.905 153.423" xmlns="http://www.w3.org/2000/svg"><path d="m30.202 137.721c-7.605-.731-15.06-4.659-20.636-10.317-4.036-4.092-7.087-9.095-8.502-14.449l-1.064-5.778.076-107.177 103.825.006c3.715.117 7.651.76 10.983 2.063 6.374 2.496 11.547 7.146 15.721 13.181 3.045 4.6 5.229 9.566 5.76 15.259l-.02 77.58v29.65z" fill="#003b71"/><path d="m120.179 16.589c3.139 3.884 2.689 9.84 1.078 14.262-5.921 16.784-15.697 31.859-28.168 45.847.447 4.422 2.604 8.128 3.136 12.453-5.383 3.428-11.03 6.047-16.863 8.394l-1.435-3.341-12.38-39.165-.354-.365-1.081 1.084-10.226 21.571c1.125 4.793 2.759 8.628 3.636 12.69l-16.1 8.066-.81-.178-5.828-18.053-13.19-40.972c-1.616-3.247-4.667-6.856-8.435-7.403-1.163-.447-2.692 0-3.855-.447 5.024-3.337 10.852-5.6 16.416-8.303 3.224-.818 6.815-.272 9.417 1.622 4.577 4.603 4.933 11.012 7.175 16.515 2.423 7.672 4.667 15.347 7.359 22.834h.535l9.96-20.578c.81-2.613.447-5.775-1.076-7.938-1.529-2.528-4.305-3.706-6.818-4.697l1.254-1.263c6.64-2.081 12.558-9.206 20.186-5.416l3.32 3.335 12.738 39.989c.269.269.535.719 1.073.541 6.818-8.756 11.842-18.322 13.996-28.971.538-3.881-1.523-7.125-4.749-8.931-2.066-1.356-4.586-.45-6.818-.722 6.722-5.328 13.181-12.096 21.349-14.35 2.238-.363 4.211.537 5.558 1.89m-17.76 93.234c-3.054 3.881-6.821 8.391-11.93 8.478l-60.015-.181c-3.858.637-7.444 1.984-10.676 4.059 1.707-5.772 6.015-12.269 12.023-15.159l8.791-.362 51.131.184c5.471-.45 10.492-1.716 14.806-5.056-.188 2.8-2.339 5.504-4.13 8.037" fill="#003b71"/><path d="m126.658 145.707a2.984 2.984 0 0 0 -1.52-.412c-.845 0-1.394.579-1.394 1.333 0 .573.231.93 1.508 1.672 1.379.795 1.841 1.572 1.841 2.595 0 1.417-.883 2.528-2.595 2.528-.716 0-1.391-.155-1.865-.383v-1.163c.511.307 1.175.579 1.698.579 1.011 0 1.584-.678 1.584-1.409 0-.69-.178-1.084-1.379-1.815-1.61-.97-1.967-1.52-1.967-2.671 0-1.47 1.125-2.233 2.478-2.233.59 0 1.213.129 1.61.289v1.09zm1.866-1.294h1.739l2.235 7.094h.024l2.288-7.094h1.686v8.923h-1.072v-7.695h-.024l-2.531 7.695h-.818l-2.429-7.695h-.026v7.695h-1.072zm86.037-86.938c-1.077 3.281-3.035 8.841-4.802 14.717-1.897 6.38-4.992 16.298-6.509 21.165-1.198 0-3.285.129-4.544.508-1.077-4.237-5.246-19.083-8.087-28.562h-.258c-2.587 9.664-5.996 22.368-7.832 28.053-1.134 0-3.599.129-4.608.508-1.328-4.931-4.172-14.216-6.699-22.117-2.53-7.893-3.789-12.061-4.608-14.402-.888-2.59-2.03-5.242-2.909-6.315v-.319c2.211.19 3.789.19 4.867.19 1.578 0 2.143 0 4
…

预览参数

调整颜色、描边或开启轮廓化，使用场景与用法示例实时跟随。

颜色

风格变体

细线 · 1.2px · 密集布局

常规 · 2px · 通用界面

加粗 · 3.5px · 大尺寸标题

关于 Westchester Group 图标

Westchester Group 是农业食品分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。农业与食品加工品牌的标识。

在本页点击「下载」即可保存 Westchester Group 的 SVG 矢量文件，或在下载面板中选择 PNG（16~512px）与 Favicon 包等导出方式；也可以直接复制 SVG 源码、Data URI 或 React/Vue 组件代码。

Westchester Group 的品牌标志与名称版权归其品牌方所有，本站内容仅供学习与设计识别参考，请勿用于商标注册或误导性用途；商用前请确认品牌官方的使用规范与授权要求。文件体积 9.51 KB，viewBox 为 0 0 633.905 153.423，共 3 个矢量图元。

常见问题

Westchester Group 图标是什么？

Westchester Group 是农业食品分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。

如何下载 Westchester Group 图标？

在本页点击「下载 SVG」即可保存 Westchester Group 的矢量文件，或在下载面板中选择 PNG（16~512px）与 Favicon 包等导出方式；也可以直接复制 SVG 源码、Data URI 或 React/Vue 组件代码。

Westchester Group 图标可以商用吗？

Westchester Group 为品牌标志，版权归品牌方所有，本站内容仅供识别参考；商用前请先确认对应品牌的使用规范与授权要求。

如何修改 Westchester Group 图标的颜色？

在「预览参数」面板中调整颜色与描边宽度，使用场景与用法示例会实时跟随，确认效果后再复制或下载即可。

SVG 健康报告

100/100

同时含 width/height 与 viewBox，可仅保留 viewBox 以自适应容器

文件体积

9.51 KB

9,735 字节

viewBox

0 0 633.905 153.423

同时含 width/height 与 viewBox，可仅保留 viewBox 以自适应容器

图元总数

<path> ×3

风格

单色品牌

1 种品牌色 · 纯填充

提取色值#003b71

相似图标

按名称与标签相似度排序。

同色系图标

品牌色 #003b71 的同色相色阶，点击复制色值；下方为品牌色同色相的其他图标。

#e5f3ff#c2e2ff#85c5ff#3da2ff#0080f5#003b71#002b52#001529

Westchester Group 品牌色详表
RGB	HSL	CMYK	色名
0, 59, 113	209°, 100%, 22%	100, 48, 0, 56	品牌主色 · 海军蓝
194, 226, 255	209°, 100%, 88%	24, 11, 0, 0	浅灰色
133, 197, 255	209°, 100%, 76%	48, 23, 0, 0	天蓝色
61, 162, 255	209°, 100%, 62%	76, 36, 0, 0	湛蓝色

Warner Music Group WMG

music

#1563a8

Western Federal Credit Union

finance-banking

#306fab

Warner Music Group

music

#267fbe

Westmark Credit Union

#01a0c6

#33348e

#33348e

图标信息摘要

Westchester Group 是一个农业食品类别的单文件 SVG 矢量图标，文件体积 9.51 KB，协议为™ 品牌商标（版权归品牌方，仅供识别参考）。可在本站免费下载 Westchester Group的 SVG 源文件与 PNG 位图（16-512px），支持自定义颜色与描边宽度、一键生成 Favicon 包，并提供 React / Vue 组件代码与 Data URI 引用。