SVG 图标

Bogazici Restaurant

还没有评分，抢首评

餐饮

复制与下载

SVG 矢量格式 · 当前版本

使用场景

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

按钮内

输入框

搜索Bogazici Restaurant...

导航

Bogazici Restaurant

空状态

暂无内容

场景预览

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

手机桌面 · App 图标

9:41

Bogazici Restaurant

浏览器 · 标签页与站点

3d00394e7a4f4305.example

Bogazici Restaurant开始使用

操作按钮 · 主次层级

Bogazici Restaurant了解更多

底部导航 · Tab 栏

Bogazici Restaurant推荐收藏我的

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

React 组件

内联引入

react

import { BogaziciRestaurantIcon } from './icons';

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

输入框前缀

搜索框

搜索Bogazici Restaurant…

html

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

动效图标

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

描画

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

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

呼吸

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

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

旋转

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

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

用法示例

Bogazici Restaurant 在真实界面中的三种常见用法。

继续下一步

按钮内
16px · action 触发

Bogazici Restaurant

导航项
18px · 列表选中态

暂无数据

空状态
40px · 引导提示

各尺寸下的 Bogazici Restaurant

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

24px

32px

48px

64px

96px

128px

下载 Bogazici Restaurant 图标

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

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

复制 Bogazici Restaurant 图标代码

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

svg

<svg viewBox="0 3.552713678800501e-15 345.41 478.8949240550609" xmlns="http://www.w3.org/2000/svg"><path d="M173.46 48.11a93.06 93.06 0 1 0 93.07 93.11 93.16 93.16 0 0 0-93.07-93.11zm0 167.73a74.67 74.67 0 1 1 74.67-74.62 74.75 74.75 0 0 1-74.67 74.62z" fill="#e66e44"/><path d="M222 181.74c-.32-4.27-3.17-9.89-6.57-13-6.9-6.36-14.95-11.43-22.53-17l-.91.91 17.19 17.2-1.64 1.64-17.26-17.12-1 1 17.13 17.26-1.46 1.46-17.26-17.12-1 1 17.06 17.25-1.65 1.65-17.19-17.2-.91.91c5.6 7.58 10.67 15.63 17 22.54 3.13 3.39 8.74 6.24 13 6.57 4.5.34 6.8 2.1 9.13 4.5 7.08 8 36.91 43.72 38.56 45.14 3.85 3.61 8.93 4.47 11.53 1.88l.12-.15.15-.12c2.59-2.6 1.73-7.68-1.87-11.54-1.44-1.67-38.12-32.28-45.41-38.79a12.65 12.65 0 0 1-4.21-8.87zM125 100.6c.32 4.27 3.17 9.89 6.57 13 6.9 6.35 14.95 11.42 22.53 17l.91-.91-17.21-17.16 1.64-1.64 17.26 17.12 1-1-17.13-17.26 1.46-1.46 17.26 17.12 1-1-17.13-17.26 1.65-1.65L162 122.69l.91-.91c-5.6-7.58-10.67-15.62-17-22.53-3.13-3.4-8.74-6.24-13-6.57-4.5-.34-6.8-2.11-9.13-4.51-7.08-8-36.91-43.72-38.56-45.14-3.85-3.6-8.93-4.46-11.53-1.87l-.12.15-.15.12c-2.59 2.6-1.74 7.68 1.87 11.53 1.44 1.67 38.12 32.29 45.41 38.8a12.61 12.61 0 0 1 4.3 8.84zM167.26 80.09c-9.72 8.54-9.81 27.6-.78 36.84a9.43 9.43 0 0 0 7 3.25 9.43 9.43 0 0 0 7-3.25c9-9.24 8.94-28.3-.78-36.84-5.58-4.87-3.61-10.87-3.7-17.32 0 0 4.65-50.83 4.47-53.22-.17-5.32-3.15-9.55-6.81-9.55h-.39c-3.66 0-6.64 4.23-6.81 9.55-.18 2.39 4.47 53.22 4.47 53.22-.09 6.45 1.88 12.45-3.67 17.32zM179.67 202.22c9.72-8.54 9.81-27.6.78-36.85a9.45 9.45 0 0 0-7-3.24 9.45 9.45 0 0 0-7 3.24c-9 9.25-8.94 28.31.78 36.85 5.55 4.88 3.58 10.88 3.67 17.31 0 0-4.65 50.84-4.47 53.22.17 5.32 3.15 9.56 6.81 9.56h.39c3.66 0 6.64-4.24 6.81-9.56.18-2.38-4.47-53.22-4.47-53.22.12-6.4-1.85-12.4 3.7-17.31zM132.89 189.66c4.28-.33 9.89-3.18 13-6.57 6.35-6.91 11.42-15 17-22.54l-.91-.91-17.19 17.2-1.61-1.62 17.13-17.26-1-1L142 174.05l-1.46-1.46 17.13-17.26-1-1-17.26 17.12-1.64-1.64 17.23-17.2-.91-.91c-7.58 5.6-15.63 10.67-22.53 17-3.4 3.12-6.25 8.74-6.57 13-.35 4.51-2.11 6.8-4.51 9.13-8 7.09-43.72 36.91-45.14 38.56-3.61 3.85-4.47 8.94-1.87 11.53a.86.86 0 0 0 .14.13 1.79 1.79 0 0 0 .13.14c2.59 2.6 7.68 1.74 11.53-1.87 1.67-1.43 32.28-38.11 38.8-45.41a12.56 12.56 0 0 1 8.82-4.25zM214 92.68c-4.28.33-9.89 3.17-13 6.57-6.35 6.91-11.42 14.95-17 22.53l.91.91 17.19-17.19 1.65 1.65-17.13 17.26 1 1 17.26-17.12 1.46 1.46-17.13 17.26 1 1 17.26-17.12 
…

预览参数

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

颜色

风格变体

细线 · 1.2px · 密集布局

常规 · 2px · 通用界面

加粗 · 3.5px · 大尺寸标题

关于 Bogazici Restaurant 图标

Bogazici Restaurant 是餐饮分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。餐饮品牌与连锁餐厅的标识。

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

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

常见问题

Bogazici Restaurant 图标是什么？

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

如何下载 Bogazici Restaurant 图标？

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

Bogazici Restaurant 图标可以商用吗？

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

如何修改 Bogazici Restaurant 图标的颜色？

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

SVG 健康报告

100/100

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

文件体积

9.61 KB

9,844 字节

viewBox

0 3.552713678800501e-15 345.41 478.8949240550609

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

图元总数

<path> ×3

风格

双色

2 种品牌色 · 纯填充

提取色值#e66e44#0c5075

相似图标

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

同色系图标

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

#fceee9#f8d5c9#f1ab93#e87a54#d84d1d#e66e44#c8481b#923414

Bogazici Restaurant 品牌色详表
RGB	HSL	CMYK	色名
230, 110, 68	16°, 76%, 58%	0, 52, 70, 10	品牌主色 · 驼色
248, 213, 201	15°, 77%, 88%	0, 14, 19, 3	粉红色
241, 171, 147	15°, 77%, 76%	0, 29, 39, 5	粉红色
232, 122, 84	15°, 76%, 62%	0, 47, 64, 9	驼色

#cc2229

#cc2131

图标信息摘要

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