SVG 图标

Tyson Foods

还没有评分，抢首评

农业食品

复制与下载

SVG 矢量格式 · 当前版本

使用场景

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

按钮内

输入框

搜索Tyson Foods...

导航

Tyson Foods

空状态

暂无内容

场景预览

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

手机桌面 · App 图标

9:41

Tyson Foods

浏览器 · 标签页与站点

33dc50fd46b81903.example

Tyson Foods开始使用

操作按钮 · 主次层级

Tyson Foods了解更多

底部导航 · Tab 栏

Tyson Foods推荐收藏我的

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

React 组件

内联引入

react

import { TysonFoodsIcon } from './icons';

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

输入框前缀

搜索框

搜索Tyson Foods…

html

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

动效图标

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

描画

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

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

呼吸

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

.icon-33dc50fd46b81903 { animation: svg-breathe 1.8s infinite; }

旋转

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

.icon-33dc50fd46b81903 { animation: svg-spin 1.6s linear infinite; }

用法示例

Tyson Foods 在真实界面中的三种常见用法。

继续下一步

按钮内
16px · action 触发

Tyson Foods

导航项
18px · 列表选中态

暂无数据

空状态
40px · 引导提示

各尺寸下的 Tyson Foods

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

24px

32px

48px

64px

96px

128px

下载 Tyson Foods 图标

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

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

复制 Tyson Foods 图标代码

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

svg

<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="1.21944808 1.30844808 49.18555192 17.56510881" xmlns="http://www.w3.org/2000/svg"><path d="m29.115 15.622s.114-.127.114-.381c0-.317-.231-.658-.648-.658-.389 0-.677.312-.677.723 0 .552.55.856 1.128.856 1.005 0 1.655-.643 2.231-2.006l1.802-4.265h.568v-.705h-2.081v.705h.732l-1.29 3.264-1.29-3.264h.87v-.705h-2.835v.705h.693l1.962 4.447c-.382.965-.663 1.203-1.279 1.284zm17.097-6.436h-1.914v.705h.792v3.643h-.792v.706h2.655v-.706h-.686v-2.073c0-.963.654-1.57 1.258-1.57.554 0 .911.406.911 1.133v2.51h-.695v.706h2.664v-.706h-.801v-2.824c0-1.028-.525-1.642-1.404-1.642-.774 0-1.5.3-1.988 1.186zm-6.141 2.527c0-1.503.405-2.093 1.315-2.093s1.315.59 1.315 2.093c0 1.5-.405 2.093-1.315 2.093s-1.315-.593-1.315-2.093zm3.931 0c0-1.572-1.063-2.645-2.616-2.645s-2.617 1.073-2.617 2.645c0 1.569 1.064 2.645 2.617 2.645s2.616-1.076 2.616-2.645zm-8.196-2.645c-1.029 0-1.774.677-1.774 1.56 0 .797.473 1.222 1.745 1.565.967.252 1.399.451 1.399.962 0 .444-.31.699-.854.699-.676 0-1.345-.512-1.716-1.304h-.653v1.808h.619l.162-.778c.333.43.843.778 1.623.778 1.195 0 1.841-.816 1.841-1.596 0-.917-.652-1.272-1.78-1.572-.897-.236-1.354-.444-1.354-.932 0-.396.321-.698.798-.698.737 0 1.147.588 1.478 1.193h.644v-1.685h-.63l-.155.71c-.26-.408-.697-.71-1.393-.71zm-14.673-2.304v1.927h.554c.197-1.097.421-1.219 1.554-1.221h.871v6.064h-1.484v.706h4.169v-.706h-1.483v-6.064h.87c1.134.002 1.359.124 1.555 1.221h.555v-1.927zm-12.454 3.538h-.949a.425.425 0 0 1 -.424-.425h-.592c0 .197.056.379.154.535h-.097a.536.536 0 0 1 -.535-.535h-.592c0 .293.123.557.322.741a1.009 1.009 0 0 0 -.322.742h.592c0-.295.24-.535.535-.535h.097a.991.991 0 0 0 -.154.535h.592c0-.235.191-.425.424-.425h.949zm3.665 4.483v-.835h-1.826v-7.186h1.097c1.326 0 1.608.146 1.841 1.445h.658v-2.283h-8.47v2.283h.657c.233-1.299.516-1.445 1.841-1.445h1.097v7.186h-1.826v.835zm.991-4.99h-.454v.507h-1.804v.633h1.804v.507h.454a.824.824 0 0 1 .779-.55v-.547a.824.824 0 0 1 -.779-.55zm-3.457-7.55c-4.264 0-7.721 3.458-7.721 7.723a7.722 7.722 0 1 0 15.443 0 7.722 7.722 0 0 0 -7.722-7.723zm8.658 7.723a8.658 8.658 0 1 1 -17.316-.002 8.658 8.658 0 0 1 17.316.002zm-1.181 7.723-.201.622-.212-.622h-.246v.838h.153v-.672l.235.672h.128l.235-.679v.679h.153v-.838zm-1.465 0h.683v.135h-.259v.703h-.165v-.703h-.259" fill="#00205b" fill-rule="nonzero"/></svg>

预览参数

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

颜色描边宽度2.00

风格变体

细线 · 1.2px · 密集布局

常规 · 2px · 通用界面

加粗 · 3.5px · 大尺寸标题

关于 Tyson Foods 图标

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

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

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

常见问题

Tyson Foods 图标是什么？

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

如何下载 Tyson Foods 图标？

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

Tyson Foods 图标可以商用吗？

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

如何修改 Tyson Foods 图标的颜色？

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

SVG 健康报告

100/100

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

文件体积

2.35 KB

2,406 字节

viewBox

1.21944808 1.30844808 49.18555192 17.56510881

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

图元总数

<path> ×1

风格

单色品牌

1 种品牌色 · 含描边元素

提取色值#00205b

相似图标

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

73%

73%

72%

72%

72%

72%

72%

71%

68%

66%

65%

65%

同色系图标

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

#e5eeff#c2d7ff#85b0ff#3d81ff#0056f5#00205b#001d52#000e29

Tyson Foods 品牌色详表
RGB	HSL	CMYK	色名
0, 32, 91	219°, 100%, 18%	100, 65, 0, 64	品牌主色 · 海军蓝
194, 215, 255	219°, 100%, 88%	24, 16, 0, 0	浅灰色
133, 176, 255	219°, 100%, 76%	48, 31, 0, 0	天蓝色
61, 129, 255	219°, 100%, 62%	76, 49, 0, 0	湛蓝色

#2d4f9e

#6fabdf

#3c8dc9

#0e6cb0

#0d6fab

#2e3192

#33348e

图标信息摘要

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