SVG 图标

Texas Department of Transportation

还没有评分，抢首评

出行

复制与下载

SVG 矢量格式 · 当前版本

使用场景

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

按钮内

输入框

搜索Texas Department of Transportation...

导航

Texas Department of Transportation

空状态

暂无内容

场景预览

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

手机桌面 · App 图标

9:41

Texas Department of Transportation

浏览器 · 标签页与站点

938f274e61d30827.example

Texas Department of Transportation开始使用

操作按钮 · 主次层级

Texas Department of Transportation了解更多

底部导航 · Tab 栏

Texas Department of Transportation推荐收藏我的

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">
  <!-- 内联 Texas Department of Transportation 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">
  <!-- 内联 Texas Department of Transportation SVG -->
  立即开始
</button>

React 组件

内联引入

react

import { TexasDepartmentofTransportationIcon } from './icons';

function Nav() {
  return <TexasDepartmentofTransportationIcon 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">
  <!-- 内联 Texas Department of Transportation SVG -->
  已完成
</span>

输入框前缀

搜索框

搜索Texas Department of Transportation…

html

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

动效图标

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

描画

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

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

呼吸

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

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

旋转

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

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

用法示例

Texas Department of Transportation 在真实界面中的三种常见用法。

继续下一步

按钮内
16px · action 触发

Texas Department of Transportation

导航项
18px · 列表选中态

暂无数据

空状态
40px · 引导提示

各尺寸下的 Texas Department of Transportation

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

24px

32px

48px

64px

96px

128px

下载 Texas Department of Transportation 图标

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

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

复制 Texas Department of Transportation 图标代码

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

svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192.756 192.756"><g fill-rule="evenodd" clip-rule="evenodd"><path d="M79.981 106.812h-2.108l1.795-8.431h-3.123l.391-1.873h8.354l-.391 1.873h-3.123l-1.795 8.431zM86.226 102.207c.312-.938.937-1.562 1.874-1.562.625 0 1.328.391 1.25 1.562h-3.124zm2.499 2.342c-.234.547-.937.859-1.484.859-1.639 0-1.483-1.25-1.405-1.873h5.231l.078-.312c.781-3.514-1.171-4.217-2.654-4.217-3.357 0-4.294 2.889-4.45 3.826-.703 3.199.703 4.215 2.889 4.215 1.327 0 2.967-.625 3.904-2.498h-2.109zM99.186 106.812h-2.498l-.859-2.263-1.796 2.263h-2.42l3.435-3.902-1.717-3.748h2.419l.859 2.264 1.717-2.264h2.422l-3.357 3.748 1.795 3.902zM105.666 104.08c-.156.938-1.172 1.484-2.107 1.484-.391 0-.859-.156-.703-.859.156-.859.859-1.016 1.561-1.17.938-.158 1.25-.236 1.484-.391l-.235.936zm2.576-2.889c.469-1.873-1.484-2.186-2.498-2.186-1.641 0-3.279.312-4.061 2.654h1.951c.156-.469.469-1.094 1.484-1.094.547 0 1.328.078 1.094.938-.078.391-.469.547-.781.625l-1.873.234c-1.328.156-2.42.936-2.732 2.42-.391 1.561.701 2.264 1.873 2.264 1.326 0 2.107-.625 2.654-1.092v.857h2.186l.078-.312c-.234-.078-.391-.234-.234-1.17l.859-4.138zM114.957 101.504c0-.469-.08-1.014-1.172-1.014-1.094 0-1.328.467-1.406.779-.232 1.172 4.764.312 4.139 3.123-.469 2.264-2.732 2.654-3.904 2.654-1.717 0-3.514-.625-3.123-2.654h2.029c-.076.625.236 1.094 1.484 1.094 1.016 0 1.406-.469 1.406-.781.311-1.25-4.686-.312-4.061-3.201.234-1.094 1.25-2.498 3.67-2.498 1.482 0 3.123.391 2.889 2.498h-1.951zM68.504 113.84h2.03c.937 0 2.342.234 1.639 3.277-.312 1.719-1.249 3.436-3.044 3.436h-2.108l1.483-6.713zm-3.981 8.51h4.45c3.435 0 4.997-3.201 5.465-5.387.39-1.953.312-4.92-3.123-4.92h-4.606l-2.186 10.307zM77.794 117.742c.312-.936.937-1.561 1.874-1.561.703 0 1.406.391 1.25 1.561h-3.124zm2.577 2.342c-.312.547-.937.859-1.483.859-1.64 0-1.483-1.326-1.406-1.873h5.231l.078-.391c.703-3.436-1.171-4.139-2.732-4.139-3.357 0-4.294 2.889-4.45 3.826-.703 3.123.781 4.217 2.889 4.217 1.327 0 2.966-.625 3.903-2.5h-2.03v.001zM86.616 118.68c.235-1.172.781-2.42 2.186-2.42 1.327 0 1.483 1.092 1.25 2.342-.234.859-.859 2.264-2.186 2.264-1.25-.001-1.562-1.016-1.25-2.186zm.781-3.983h-1.874l-2.264 10.617h1.952l.859-3.98h.078c.156.469.468 1.25 1.874 1.25 2.264 0 3.669-2.031 4.138-4.139.546-2.654-.703-3.904-2.342-3.904-1.405 0-2.108.703-2.577 1.25h-.078l.234-1.094zM98.094 119.617c-.234.936-1.25 1.482-2.109 1.482-.391 0-.859-.234-
…

预览参数

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

颜色

风格变体

细线 · 1.2px · 密集布局

常规 · 2px · 通用界面

加粗 · 3.5px · 大尺寸标题

关于 Texas Department of Transportation 图标

Texas Department of Transportation 是出行分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。出行服务与交通平台的品牌标识。

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

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

常见问题

Texas Department of Transportation 图标是什么？

Texas Department of Transportation 是出行分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。

如何下载 Texas Department of Transportation 图标？

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

Texas Department of Transportation 图标可以商用吗？

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

如何修改 Texas Department of Transportation 图标的颜色？

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

SVG 健康报告

100/100

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

文件体积

8.87 KB

9,078 字节

viewBox

0 0 192.756 192.756

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

图元总数

<path> ×4

风格

单色品牌

1 种品牌色 · 纯填充

提取色值#929496

相似图标

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

同色系图标

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

#f2f2f2#e0e0e1#c1c2c3#9c9ea0#787a7d#929496#6e7072#505253

Texas Department of Transportation 品牌色详表
RGB	HSL	CMYK	色名
146, 148, 150	210°, 2%, 58%	3, 1, 0, 41	品牌主色 · 灰色
224, 224, 225	240°, 2%, 88%	0, 0, 0, 12	浅灰色
193, 194, 195	210°, 2%, 76%	1, 1, 0, 24	银色
156, 158, 160	210°, 2%, 62%	2, 1, 0, 37	灰色

Turismo sostenibile Rimini

tourism

#bfc1c3

图标信息摘要

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