SVG 图标

Farm Credit Services of America

还没有评分，抢首评

金融银行保险农业食品

复制与下载

SVG 矢量格式 · 当前版本

使用场景

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

按钮内

输入框

搜索Farm Credit Services of America...

导航

Farm Credit Services of America

空状态

暂无内容

场景预览

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

手机桌面 · App 图标

9:41

Farm Credit Services of America

浏览器 · 标签页与站点

ef88d9cfe433a7a4.example

Farm Credit Services of America开始使用

操作按钮 · 主次层级

Farm Credit Services of America了解更多

底部导航 · Tab 栏

Farm Credit Services of America推荐收藏我的

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">
  <!-- 内联 Farm Credit Services of America 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">
  <!-- 内联 Farm Credit Services of America SVG -->
  立即开始
</button>

React 组件

内联引入

react

import { FarmCreditServicesofAmericaIcon } from './icons';

function Nav() {
  return <FarmCreditServicesofAmericaIcon 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">
  <!-- 内联 Farm Credit Services of America SVG -->
  已完成
</span>

输入框前缀

搜索框

搜索Farm Credit Services of America…

html

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

动效图标

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

描画

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

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

呼吸

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

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

旋转

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

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

用法示例

Farm Credit Services of America 在真实界面中的三种常见用法。

继续下一步

按钮内
16px · action 触发

Farm Credit Services of America

导航项
18px · 列表选中态

暂无数据

空状态
40px · 引导提示

各尺寸下的 Farm Credit Services of America

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

24px

32px

48px

64px

96px

128px

下载 Farm Credit Services of America 图标

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

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

复制 Farm Credit Services of America 图标代码

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

svg

<svg viewBox="0 0 500.292 330.569" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m313.497 63.05s23.78 23.215 24.061 24.362c-.28 1.152-24.061 24.367-24.061 24.367-6.624 5.861-18.809 16.647-36.078.303-4.618-4.362-8.785-9.555-20.825-21.278l53.047-3.392-53.047-3.387c12.04-11.723 16.207-16.914 20.825-21.281 17.269-16.336 29.454-5.554 36.078.306m-126.701 48.73s-23.785-23.215-24.059-24.367c.273-1.147 24.059-24.362 24.059-24.362 6.625-5.86 18.808-16.642 36.073-.306 4.624 4.367 8.791 9.559 20.826 21.281l-53.047 3.387 53.047 3.392c-12.035 11.718-16.202 16.916-20.826 21.278-17.265 16.344-29.448 5.558-36.073-.303zm65.226 11.097.604-11.624 29.027 29.38c-1.427 3.179-3.503 5.9-5.404 8.141zm.897-17.273.617-11.741c11.722 12.036 16.914 16.204 21.281 20.825 8.538 9.025 9.666 16.654 7.968 22.835zm12.174 54.734c-6.58 6.646-14.298 14.332-14.951 14.492-.648-.16-8.369-7.846-14.944-14.492l14.269-14.442.676 12.939.68-12.939zm-32.424-2.552-6.464-6.58 22.358-22.634.605 11.581zm-8.626-9.013c-1.905-2.241-3.982-4.962-5.411-8.141l29.027-29.38.607 11.624zm-6.541-11.25c-1.698-6.181-.567-13.81 7.974-22.835 4.364-4.622 9.56-8.789 21.278-20.825l.61 11.741zm56.58 13.683-6.462 6.58-16.5-17.634.604-11.581zm-48.303-127.142s23.216-23.785 24.363-24.064c1.152.279 24.369 24.064 24.369 24.064 5.861 6.628 16.647 18.812.307 36.077-4.367 4.619-9.556 8.785-21.281 20.825l-3.395-53.045-3.388 53.045c-11.718-12.04-16.914-16.206-21.278-20.825-16.342-17.264-5.558-29.449.303-36.077z" fill="#70bf44" fill-rule="evenodd"/><path d="m286.013 162.153c1.588 0 2.937.559 4.052 1.679 1.113 1.12 1.671 2.461 1.671 4.041 0 1.591-.558 2.947-1.671 4.064-1.111 1.119-2.456 1.679-4.052 1.679-1.584 0-2.936-.559-4.045-1.679-1.105-1.117-1.659-2.474-1.659-4.064 0-1.58.559-2.921 1.663-4.041 1.12-1.12 2.468-1.679 4.041-1.679m6.663 5.712c0-1.832-.653-3.389-1.946-4.677-1.293-1.29-2.866-1.936-4.697-1.936-1.828 0-3.393.646-4.678 1.936-1.297 1.292-1.945 2.853-1.945 4.677 0 1.843.64 3.407 1.93 4.7 1.285 1.306 2.853 1.954 4.693 1.954 1.831 0 3.404-.648 4.697-1.954 1.292-1.3 1.946-2.865 1.946-4.7zm-4.886-1.447c0 .562-.248.936-.76 1.132-.268.108-.68.161-1.227.161h-1.163v-2.613h1.104c.711 0 1.234.091 1.561.267.323.177.485.53.485 1.053zm-4.435-2.225v7.301h1.285v-2.883h1.015c.68 0 1.155.079 1.431.236.456.275.684.833.684 1.679v.578l.024.234c.007.033.011.06.022.079l.012.076h1.207l-.047-.092c-.028-.059-.047-.186-.059-.381a13.154 13.15
…

预览参数

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

颜色

风格变体

细线 · 1.2px · 密集布局

常规 · 2px · 通用界面

加粗 · 3.5px · 大尺寸标题

关于 Farm Credit Services of America 图标

Farm Credit Services of America 是金融银行、保险、农业食品分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。银行、支付与金融科技公司的品牌标识。

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

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

常见问题

Farm Credit Services of America 图标是什么？

Farm Credit Services of America 是金融银行、保险、农业食品分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。

如何下载 Farm Credit Services of America 图标？

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

Farm Credit Services of America 图标可以商用吗？

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

如何修改 Farm Credit Services of America 图标的颜色？

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

SVG 健康报告

100/100

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

文件体积

10.04 KB

10,286 字节

viewBox

0 0 500.292 330.569

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

图元总数

<path> ×3

风格

单色品牌

1 种品牌色 · 纯填充

提取色值#70bf44

相似图标

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

同色系图标

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

#f0f8ec#dcefd1#b9e0a4#91ce6f#69b63e#70bf44#518c30#365e20

Farm Credit Services of America 品牌色详表
RGB	HSL	CMYK	色名
112, 191, 68	99°, 49%, 51%	41, 0, 64, 25	品牌主色 · 灰色
220, 239, 209	98°, 48%, 88%	8, 0, 13, 6	米色
185, 224, 164	99°, 49%, 76%	17, 0, 27, 12	银色
145, 206, 111	99°, 49%, 62%	30, 0, 46, 19	薄荷绿

International Farming

金融银行

#558b47

图标信息摘要

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