SVG 图标

Volga Hotel

还没有评分，抢首评

酒店

复制与下载

SVG 矢量格式 · 当前版本

使用场景

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

按钮内

输入框

搜索Volga Hotel...

导航

Volga Hotel

空状态

暂无内容

场景预览

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

手机桌面 · App 图标

9:41

Volga Hotel

浏览器 · 标签页与站点

43d3f639bea7e99b.example

Volga Hotel开始使用

操作按钮 · 主次层级

Volga Hotel了解更多

底部导航 · Tab 栏

Volga Hotel推荐收藏我的

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

React 组件

内联引入

react

import { VolgaHotelIcon } from './icons';

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

输入框前缀

搜索框

搜索Volga Hotel…

html

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

动效图标

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

描画

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

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

呼吸

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

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

旋转

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

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

用法示例

Volga Hotel 在真实界面中的三种常见用法。

继续下一步

按钮内
16px · action 触发

Volga Hotel

导航项
18px · 列表选中态

暂无数据

空状态
40px · 引导提示

各尺寸下的 Volga Hotel

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

24px

32px

48px

64px

96px

128px

下载 Volga Hotel 图标

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

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

复制 Volga Hotel 图标代码

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

svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192.756 192.756"><path fill="none" stroke="#3060a5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2.613" d="M2.834 65.423h187.088v61.911H2.834V65.423z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#3060a5" d="M155.807 122.375L136.07 69.292h47.407v53.165l-27.67-.082z"/><path d="M174.697 76.708a1.563 1.563 0 0 1-.564.806 3.056 3.056 0 0 1-.926.403l.281 2.016 1.209.524 1.047.726c1.006.887 1.57 1.693 1.771 2.297.322 1.29.523 3.225.443 5.724l-.039 3.144v2.741l-.484 1.29-.686.726.404.564c.16.201.201.402.201.523l-.041 1.291-.201 1.451c-.201 1.289-.201 2.176 0 2.781l.242.201.281-.082.283-.08-.564.605 2.818 5.119c1.008 2.096 1.773 3.828 2.217 5.32.361 1.047.562 2.338.684 3.748l.201 3.949h-2.135l-6.525-16.363c.727-.686 1.693-1.371 2.82-2.016-.482 0-1.088.201-1.812.523-.281-.482-.482-1.088-.686-1.732l-.441-1.895c-.201-.08-.363-.201-.404-.523l-.201-.969-.08-.039-.08-.162.16-1.41c-.16-.242-.16-.645-.08-1.25l.08-.766.041-1.048-3.021-5.804c-1.047-.403-2.215-.403-3.342.081l-1.088 2.741 2.699 7.335 2.738 7.336-.645.402-.604.525-5.6-15.196.363-1.249.402-1.371c.242-1.008.402-1.854.402-2.62 0-.242-.201-.524-.564-.726-.322-.201-.645-.282-1.006-.201-.523.081-1.209.322-1.934.685l-.926.444-.887.483-1.41.322-1.893-.202-2.658-.927-2.779-.806c-.725-.202-1.248-.484-1.65-.806a3.733 3.733 0 0 1-1.289-2.096c-.08-.201.121-.201.604.081l1.088.604c.039-.081 0-.202-.162-.403l-.201-.121v-.08c.283.08.605.201 1.008.523.482.283.805.564 1.006.766a12.08 12.08 0 0 0 3.504.524l3.303-.202a5.556 5.556 0 0 0 1.854-.725l1.691-1.088.926-.806.967-.927c.807-.807 1.451-1.371 2.014-1.572.322-.202.846-.242 1.531-.242h1.691l.121-.886.201-.806-1.49-.927c-.121-.081-.201-.202-.121-.484l.082-.322.039-.282-.201-.282-.121-.242.322-.403.484-.403v-.282l-.082-.201c0-.081.082-.202.162-.323l.201-.282-.08-.686v-.645c0-.202.121-.363.322-.564.201-.121.402-.202.604-.202s.402.081.766.282c.322.202.523.282.725.282.322 0 .725.04 1.209.242.482.202.725.483.885.806.121.363.203.604.121.967l-.121.806c0 .242.121.604.322 1.048.202.407.284.769.284.97zm-4.994-1.894l-.203.686.203.604.16.645.523.202c.322.161.484.282.523.362.363-.403.484-1.007.484-1.773 0-.645-.121-1.411-.484-2.136-.201-.081-.443.08-.645.282l-.482.524.281.403-.201.202h-.159v-.001zm1.49 3.103h-.322c-.201.443-.283 1.25-.283 2.54l-1.49-.121c-.604-.081-1.006.04-1.248.322-.402.322-.76
…

预览参数

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

颜色描边宽度2.00

风格变体

细线 · 1.2px · 密集布局

常规 · 2px · 通用界面

加粗 · 3.5px · 大尺寸标题

关于 Volga Hotel 图标

Volga Hotel 是酒店分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。酒店集团与住宿平台的品牌标识。

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

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

常见问题

Volga Hotel 图标是什么？

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

如何下载 Volga Hotel 图标？

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

Volga Hotel 图标可以商用吗？

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

如何修改 Volga Hotel 图标的颜色？

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

SVG 健康报告

100/100

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

文件体积

11.69 KB

11,969 字节

viewBox

0 0 192.756 192.756

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

图元总数

<path> ×6

风格

多彩

4 种品牌色 · 含描边元素

提取色值#3060a5#000000#dee7e9#66aeab

相似图标

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

68%

66%

Eyüpoğlu Medya | İzmir Seo Uzmanı

66%

65%

64%

64%

64%

64%

63%

63%

63%

63%

同色系图标

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

#ebf1f9#d0ddf1#a0bce3#6995d3#376ebe#3060a5#20406e#12243e

Volga Hotel 品牌色详表
RGB	HSL	CMYK	色名
48, 96, 165	215°, 55%, 42%	71, 42, 0, 35	品牌主色 · 宝蓝色
208, 221, 241	216°, 54%, 88%	14, 8, 0, 5	浅灰色
160, 188, 227	215°, 54%, 76%	30, 17, 0, 11	天蓝色
105, 149, 211	215°, 55%, 62%	50, 29, 0, 17	矢车菊蓝

#2f62aa

#0e478a

#5f81c0

#03246b

#1879bf

Eyüpoğlu Medya | İzmir Seo Uzmanı

#0529a4

Vliegwinkel nl

retail

#3a97d1

UtilCo Group

#202467

Volga Hotel 的其他风格版本

同名图标的不同绘制风格，切换后预览与下载均使用所选版本。

默认

版本 2

图标信息摘要

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