SVG 图标

Tachikawa Emblem Co., Ltd.

还没有评分，抢首评

徽章标

复制与下载

SVG 矢量格式 · 当前版本

使用场景

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

按钮内

输入框

搜索Tachikawa Emblem Co., Ltd....

导航

Tachikawa Emblem Co., Ltd.

空状态

暂无内容

场景预览

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

手机桌面 · App 图标

9:41

Tachikawa Emblem Co., Ltd.

浏览器 · 标签页与站点

2e609ecd822da574.example

Tachikawa Emblem Co., Ltd.开始使用

操作按钮 · 主次层级

Tachikawa Emblem Co., Ltd.了解更多

底部导航 · Tab 栏

Tachikawa Emblem Co., Ltd.推荐收藏我的

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">
  <!-- 内联 Tachikawa Emblem Co., Ltd. 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">
  <!-- 内联 Tachikawa Emblem Co., Ltd. SVG -->
  立即开始
</button>

React 组件

内联引入

react

import { TachikawaEmblemCoLtdIcon } from './icons';

function Nav() {
  return <TachikawaEmblemCoLtdIcon 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">
  <!-- 内联 Tachikawa Emblem Co., Ltd. SVG -->
  已完成
</span>

输入框前缀

搜索框

搜索Tachikawa Emblem Co., Ltd.…

html

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

动效图标

为 Tachikawa Emblem Co., Ltd. 添加 CSS 动效，导出的 SVG 内嵌样式，单文件即可播放，无需任何依赖。

描画

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

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

呼吸

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

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

旋转

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

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

用法示例

Tachikawa Emblem Co., Ltd. 在真实界面中的三种常见用法。

继续下一步

按钮内
16px · action 触发

Tachikawa Emblem Co., Ltd.

导航项
18px · 列表选中态

暂无数据

空状态
40px · 引导提示

各尺寸下的 Tachikawa Emblem Co., Ltd.

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

24px

32px

48px

64px

96px

128px

下载 Tachikawa Emblem Co., Ltd. 图标

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

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

复制 Tachikawa Emblem Co., Ltd. 图标代码

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

svg

<svg clip-rule="evenodd" fill-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="-.5 -.5 750 540" xmlns="http://www.w3.org/2000/svg"><path d="m-.5-.5h1c-.185.67-.519.67-1 0zm749 0h1v1z" fill="#3198b5"/><path d="m23.5 16.5c229.667-.167 459.334 0 689 .5a40958.563 40958.563 0 0 1 .5 495.5 79271.117 79271.117 0 0 1 -689.5.5c-1.333-165.5-1.333-331 0-496.5z" fill="#3198b5"/><path d="m83.5 114.5a529.607 529.607 0 0 1 -1-46h-32v172h32v-76c1.915-.284 3.581.049 5 1h-4v76h-34v-175h34z" fill="#3198b5"/><path d="m83.5 114.5a3758.434 3758.434 0 0 0 66 20 1592.927 1592.927 0 0 1 -6 50l-6-1c-6.579-3.421-13.579-6.087-21-8a370.611 370.611 0 0 1 -29-10c-1.419-.951-3.085-1.284-5-1v76h-32v-172h32c-.33 15.51.004 30.842 1 46z" fill="#3198b5"/><path d="m382.5 136.5c.992-7.148 1.325-14.481 1-22h-80v-44h114a3958.7 3958.7 0 0 1 -.5 89l-84 86a2168.116 2168.116 0 0 1 -19.5-39.5 6776.837 6776.837 0 0 0 69-69.5zm-210-61h112c.167 44.668 0 89.335-.5 134l-19.5 31c-30.659 1-61.326 1.333-92 1z" fill="#3198b5"/><path d="m537.5 132.5c-6.6 4.644-13.267 9.311-20 14-1 31.66-1.333 63.326-1 95h-32c.333-24.009 0-48.009-1-72-1.022.355-1.689 1.022-2 2a695.945 695.945 0 0 0 -29 19 1056.465 1056.465 0 0 1 -14-42.5 1423.354 1423.354 0 0 1 67-41.5c1.95-5.235 2.617-10.902 2-17h30z" fill="#3198b5"/><path d="m537.5 132.5v-43h-30c.617 6.098-.05 11.765-2 17a86.75 86.75 0 0 0 1-18h32a484.723 484.723 0 0 1 -1 44z" fill="#3198b5"/><path d="m303.5 114.5h80c.325 7.519-.008 14.852-1 22v-21c-26.505.331-52.839-.002-79-1z" fill="#3198b5"/><path d="m567.5 121.5a3539.447 3539.447 0 0 1 119-1v50c-39.837.332-79.504-.001-119-1h118v-48z" fill="#3198b5"/><path d="m567.5 121.5h118v48h-118z" fill="#3198b5"/><path d="m203.5 123.5h47a719.395 719.395 0 0 1 -1.5 65l-2.5 2.5c-14.329.5-28.663.667-43 .5z" fill="#3198b5"/><path d="m484.5 241.5a1219.034 1219.034 0 0 0 -3-70c.311-.978.978-1.645 2-2 1 23.991 1.333 47.991 1 72z" fill="#3198b5"/><path d="m116.5 175.5c7.421 1.913 14.421 4.579 21 8-7.421-1.913-14.421-4.579-21-8z" fill="#3198b5"/><path d="m216.5 302.5v-1h35v24c-.992-7.482-1.325-15.148-1-23z" fill="#3198b5"/><path d="m581.5 328.5v4c-3.542-.313-6.875.021-10 1h-1a145.053 145.053 0 0 0 -17 .5c-1.882.198-3.548.698-5 1.5v15a342.787 342.787 0 0 0 37 1v34h-38v19h33v75h-94v-75h30v-19a361.608 361.608 0 0 0 -38-1v-33a361.608 361.608 0 0 0 38-1v-13c-10.497-.765-
…

预览参数

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

颜色

风格变体

细线 · 1.2px · 密集布局

常规 · 2px · 通用界面

加粗 · 3.5px · 大尺寸标题

关于 Tachikawa Emblem Co., Ltd. 图标

Tachikawa Emblem Co., Ltd. 是徽章标分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。该品牌在所属行业的官方标识。

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

Tachikawa Emblem Co., Ltd. 的品牌标志与名称版权归其品牌方所有，本站内容仅供学习与设计识别参考，请勿用于商标注册或误导性用途；商用前请确认品牌官方的使用规范与授权要求。文件体积 5.42 KB，viewBox 为 -.5 -.5 750 540，共 37 个矢量图元。

常见问题

Tachikawa Emblem Co., Ltd. 图标是什么？

Tachikawa Emblem Co., Ltd. 是徽章标分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。

如何下载 Tachikawa Emblem Co., Ltd. 图标？

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

Tachikawa Emblem Co., Ltd. 图标可以商用吗？

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

如何修改 Tachikawa Emblem Co., Ltd. 图标的颜色？

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

SVG 健康报告

100/100

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

文件体积

5.42 KB

5,552 字节

viewBox

-.5 -.5 750 540

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

图元总数

<path> ×37

风格

多彩

6 种品牌色 · 纯填充

提取色值#3198b5#e7f3f6#ddeef3#8cc5d4#d3e8ef#86c2d2

相似图标

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

63%

62%

60%

59%

59%

58%

58%

57%

57%

57%

56%

56%

同色系图标

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

#ebf6fa#cfeaf2#9fd5e5#66bdd6#34a2c1#3198b5#22697d#15404d

Tachikawa Emblem Co., Ltd. 品牌色详表
RGB	HSL	CMYK	色名
49, 152, 181	193°, 57%, 45%	73, 16, 0, 29	品牌主色 · 深青色
207, 234, 242	194°, 57%, 88%	14, 3, 0, 5	浅灰色
159, 213, 229	194°, 57%, 76%	31, 7, 0, 10	天蓝色
102, 189, 214	193°, 58%, 62%	52, 12, 0, 16	天蓝色

#007dc5

#225cff

图标信息摘要

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