跳到主要内容
网站首页

图标库

返回 SVG 图标
Putoline Lubricants

SVG 图标

Putoline Lubricants

还没有评分，抢首评

复制与下载

SVG 矢量格式 · 当前版本

使用场景

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

按钮内

输入框

搜索Putoline Lubricants...

导航

Putoline Lubricants

空状态

暂无内容

场景预览

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

手机桌面 · App 图标

9:41
Putoline Lubricants

浏览器 · 标签页与站点

a5e8b93b40c34340.example
Putoline Lubricants开始使用

操作按钮 · 主次层级

Putoline Lubricants了解更多

底部导航 · Tab 栏

Putoline Lubricants推荐收藏我的

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

React 组件

内联引入

react
import { PutolineLubricantsIcon } from './icons';

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

输入框前缀

搜索框

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

动效图标

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

描画

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

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

呼吸

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

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

旋转

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

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

用法示例

Putoline Lubricants 在真实界面中的三种常见用法。

继续下一步

按钮内
16px · action 触发

Putoline Lubricants

导航项
18px · 列表选中态

暂无数据

空状态
40px · 引导提示

各尺寸下的 Putoline Lubricants

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

24px

32px

48px

64px

96px

128px

下载 Putoline Lubricants 图标

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

按预览颜色导出px（16~1024）

复制 Putoline Lubricants 图标代码

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

svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192.756 192.756"><path d="M98 47.163l61.607 32.75s5.514-3.567 11.35.973c0 0 4.863 1.621 5.514 8.755l7.781 5.188-8.105 4.54s-1.947 5.513-4.217 7.458l-4.215 18.159-36.965.648-32.426 20.104-67.771-35.992-.648 3.891-16.213.648 2.918-12.646-8.106-4.216 9.922-5.771 2.724-16.278 16.537-.648s4.864.324 6.485 1.946l51.232-29.508c.001-.001.974-.326 2.596-.001z" fill-rule="evenodd" clip-rule="evenodd" fill="#334176"/><path fill="none" stroke="#334176" stroke-width="2" stroke-miterlimit="2.613" d="M14.535 97.487l81.908-47.47 83.075 44.747L98 142.43 14.535 97.487z"/><path d="M23.485 77.059l15.175-.146s6.858.438 8.171 5.836L96.15 54.295s.729-.146 1.751.292l57.199 31.08s7.004-6.858 13.277-4.085c0 0 5.691 1.021 6.566 9.192 0 0 .293 13.133-4.961 15.321 0 0-8.025 7.88-16.779 1.459 0 0-1.021-.146-1.898.292l-4.814 2.627-24.514 14.008-23.637 13.864-68.143-36.334-1.897 9.923-11.819.438 7.004-35.313z" fill-rule="evenodd" clip-rule="evenodd" fill="#334176"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#334176" d="M166.289 123.558l3.111-13.424h-23.734l-24.418 13.813 45.041-.389z"/><path d="M24.444 78.146h13.999c3.049 0 5.165.875 6.349 2.621 1.184 1.746 1.465 4.232.847 7.456-.636 3.315-1.96 5.905-3.973 7.771-2.012 1.866-4.716 2.799-8.111 2.799h-4.609l-2.352 12.257H18.13l6.314-32.904zm5.775 14.007h2.071c1.629 0 2.838-.337 3.627-1.015.789-.677 1.286-1.543 1.489-2.6.197-1.026.078-1.896-.358-2.609-.435-.713-1.442-1.072-3.022-1.072H31.62l-1.401 7.296zM47.853 85.96h6.712s.729.292.729 1.167-2.334 13.571-2.334 13.571-.584 2.188 1.459 2.188c0 0 1.605.729 2.334-2.48l2.335-13.862s.875-.875 1.751-.875h5.253s1.021.292.875 1.459-3.648 21.304-3.648 21.304-.583 1.604-1.896 1.604h-4.67s-1.459 0-1.167-1.75c.292-1.752 0-1.168 0-1.168s-1.459 3.356-7.15 3.356-4.085-7.442-4.085-7.442l3.502-17.072zM73.534 77.935h7.879l-1.021 6.129s-.146 1.167.584 1.167h2.188s.438.292.438.876c0 .583-.583 4.523-.583 4.523s-.583.73-1.167.73h-2.48s-.438.146-.583 1.459-1.313 7.441-1.313 7.441-.438 2.043.875 2.189h1.313s1.021 0 1.021 1.312l-1.021 5.107s-.583.876-1.021.876h-6.42s-4.377.438-3.064-7.15c1.313-7.588 1.896-10.36 1.896-10.36s-.146-.73-.583-.73h-1.605s-.438-.875-.292-1.313c.146-.438.729-4.232.729-4.232s.584-.438 1.313-.438l1.896.146 1.021-7.732zM96.589 84.647s10.36-1.313 8.608 12.257c0 0-2.918 14.153-13.715 12.986 0 0-10.944 0-7.88-13.861 0 0 3.794-11.82 12.987-
…

预览参数

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

风格变体

细线 · 1.2px · 密集布局

常规 · 2px · 通用界面

加粗 · 3.5px · 大尺寸标题

关于 Putoline Lubricants 图标

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

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

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

常见问题

Putoline Lubricants 图标是什么？

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

如何下载 Putoline Lubricants 图标？

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

Putoline Lubricants 图标可以商用吗？

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

如何修改 Putoline Lubricants 图标的颜色？

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

SVG 健康报告

100/100

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

文件体积

7.43 KB

7,612 字节

viewBox

0 0 192.756 192.756

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

图元总数

5

<path> ×5

风格

双色

2 种品牌色 · 含描边元素

提取色值#334176#f1d348

相似图标

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

63%
63%
62%
61%
60%
59%
59%
59%
59%
59%
59%
58%

同色系图标

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

#edeff7#d4d9ed#aab4da#7888c5#4a5eab#334176#1d2644#0c101c
Putoline Lubricants 品牌色详表
色值RGBHSLCMYK色名
51, 65, 118227°, 40%, 33%57, 45, 0, 54品牌主色 · 炭黑色
212, 217, 237228°, 41%, 88%11, 8, 0, 7浅灰色
170, 180, 218228°, 39%, 76%22, 17, 0, 15银色
120, 136, 197228°, 40%, 62%39, 31, 0, 23矢车菊蓝
#202e66
#3b4095
#33348e
#003366
#012c4e

图标信息摘要

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

继续探索

相关搜索

ValvolinePurlinfuturexPurolator Courier 2006Futaba Corporation CompanyulineExxon Racing FuelsQuincallerie ProDywanolandUtilair

相关图标

暂无相关图标

Command Palette

Search for a command to run...