SVG 图标

Valmet Automotive

还没有评分，抢首评

汽车

复制与下载

SVG 矢量格式 · 当前版本

使用场景

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

按钮内

输入框

搜索Valmet Automotive...

导航

Valmet Automotive

空状态

暂无内容

场景预览

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

手机桌面 · App 图标

9:41

Valmet Automotive

浏览器 · 标签页与站点

49df39a501f71101.example

Valmet Automotive开始使用

操作按钮 · 主次层级

Valmet Automotive了解更多

底部导航 · Tab 栏

Valmet Automotive推荐收藏我的

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

React 组件

内联引入

react

import { ValmetAutomotiveIcon } from './icons';

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

输入框前缀

搜索框

搜索Valmet Automotive…

html

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

动效图标

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

描画

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

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

呼吸

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

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

旋转

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

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

用法示例

Valmet Automotive 在真实界面中的三种常见用法。

继续下一步

按钮内
16px · action 触发

Valmet Automotive

导航项
18px · 列表选中态

暂无数据

空状态
40px · 引导提示

各尺寸下的 Valmet Automotive

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

24px

32px

48px

64px

96px

128px

下载 Valmet Automotive 图标

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

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

复制 Valmet Automotive 图标代码

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

svg

<svg viewBox="0 -1.92 608.681 139.501" xmlns="http://www.w3.org/2000/svg"><path d="m311.983 23.758-40.26 40.235a13.886 13.886 0 0 1 -9.833 4.078 13.891 13.891 0 0 1 -9.834-4.078l-34.486-34.462c-5.44-5.44-5.44-14.254 0-19.693 5.438-5.44 14.257-5.44 19.692 0l24.619 24.64 24.639-24.64a13.914 13.914 0 0 1 19.692 0l5.82 5.815 4.053-4.072-5.796-5.82c-7.7-7.661-20.142-7.661-27.847 0l-20.562 20.566-20.566-20.566c-7.681-7.681-20.138-7.681-27.823 0-7.681 7.685-7.681 20.136 0 27.822l34.488 34.488c7.695 7.656 20.131 7.656 27.822 0l40.259-40.235z" fill="#074169"/><path d="m392.29 40.248-34.487-34.487c-7.695-7.656-20.127-7.656-27.823 0l-13.92 13.921 4.053 4.076 13.92-13.92a13.921 13.921 0 0 1 9.848-4.082 13.92 13.92 0 0 1 9.844 4.082l34.488 34.488c5.186 5.477 5.063 14.086-.273 19.419-5.337 5.331-13.951 5.443-19.42.248l-24.594-24.613-24.663 24.613a13.926 13.926 0 0 1 -9.85 4.083c-3.69 0-7.23-1.47-9.843-4.083l-5.82-5.796-4.004 4.078 5.797 5.796a19.676 19.676 0 0 0 13.91 5.761c5.215 0 10.22-2.075 13.907-5.761l20.566-20.566 20.567 20.566c7.68 7.685 20.14 7.69 27.83.01 7.692-7.68 7.697-20.141.01-27.831" fill="#074169"/><path d="m34.58 106.02-14.864 30.952h-4.852l-14.864-30.952h7.607l9.683 20.752 9.707-20.752zm532.735 0-9.707 20.752-9.683-20.752h-7.607l14.863 31.045h4.878l14.864-31.045zm-519.8 20.092h10.244l-5.108-11.284zm7.822-20.092 15.073 31.045h-7.583l-2.66-5.372h-15.129l-2.637 5.28h-7.515l15.08-30.953zm197.87 20.185h10.25l-5.137-11.284zm7.897-20.185 15.072 31.045h-7.631l-2.661-5.372h-15.124l-2.543 5.372h-7.613l15.128-31.045zm-182.871 0v30.952h23.06v-5.914h-16.043v-25.038zm62.42 0-12.435 10.601-12.53-10.601h-5.796v30.952h7.066v-21.201l11.236 9.424 11.24-9.424v21.201h6.85l.166-30.952zm291.232 0-12.436 10.601-12.53-10.601h-5.771v30.952h7.065v-21.201l11.236 9.424 11.235-9.424v21.201h6.904l.094-30.952zm-274.2 0v30.952h26.055v-5.914h-18.843v-7.065h17.076v-5.863h-17.243v-6.314h18.633v-5.796zm425.084 0v30.952h25.912v-5.914h-18.847v-7.065h17.08v-5.863h-17.08v-6.314h18.632v-5.796zm-392.9 0v5.888h11.919v25.064h7.065v-25.156h11.777v-5.796zm131.611 0v5.888h11.894v25.064h7.066v-25.156h11.894v-5.796zm165.009 0v5.888h11.924v25.064h7.066v-25.156h11.919v-5.796zm-179.78 16.04c0 6.431-3.159 9.423-8.789 9.423s-8.809-3.11-8.809-9.423v-16.04h-7.07v16.18c0 10.059 6.314 15.381 15.854 15.381 9.541 0 15.83-5.322 15.83-15.381v-16.18h-7.065zm57.569-.61c.029-5.582 4.57-10.084 10.146-10.059 5.581.02 10.
…

预览参数

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

颜色

风格变体

细线 · 1.2px · 密集布局

常规 · 2px · 通用界面

加粗 · 3.5px · 大尺寸标题

关于 Valmet Automotive 图标

Valmet Automotive 是汽车分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。汽车厂商与出行品牌的标识。

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

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

常见问题

Valmet Automotive 图标是什么？

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

如何下载 Valmet Automotive 图标？

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

Valmet Automotive 图标可以商用吗？

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

如何修改 Valmet Automotive 图标的颜色？

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

SVG 健康报告

100/100

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

文件体积

2.97 KB

3,046 字节

viewBox

0 -1.92 608.681 139.501

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

图元总数

<path> ×3

风格

多彩

3 种品牌色 · 纯填充

提取色值#074169#51c2e7#1b242b

相似图标

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

同色系图标

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

#e7f4fd#c6e5fb#8cccf7#49aef3#0f8ee5#074169#052f4d#031826

Valmet Automotive 品牌色详表
RGB	HSL	CMYK	色名
7, 65, 105	204°, 87%, 22%	93, 38, 0, 59	品牌主色 · 炭黑色
198, 229, 251	205°, 87%, 88%	21, 9, 0, 2	浅灰色
140, 204, 247	204°, 87%, 76%	43, 17, 0, 3	天蓝色
73, 174, 243	204°, 88%, 62%	70, 28, 0, 5	矢车菊蓝

#3a97d1

#007ac2

#3380be

#2760a5

University of New Hampshire

education-training

#1c4882

Pennsylvania Life Insurance

#2d4d7e

#6b7a96

#03246b

图标信息摘要

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