安琦迅 LOGO 生成器

参数化生成矢量 LOGO：支持自定义公司名称、主色调与图形样式，SVG 矢量输出、任意屏幕尺寸清晰缩放。左侧调整参数，右侧实时预览并复制代码。

参数设置

公司名称（中文）

公司名称（英文）

品牌字样（图形内）

主色调（渐变起始）

渐变终止色

图形样式

文字颜色

显示 ® 注册标记

实时预览

横版组合（图形 + 中英文公司名）· 深色背景

多尺寸缩放演示（矢量无损）

浅色背景适配（自动对比文字色）

图形 LOGO 代码（SVG）

横版组合代码（SVG）

接入官网 / 页面示例

① 引入生成器脚本；② 准备一个容器；③ 一行代码挂载。LOGO 为内联 SVG，跟随容器尺寸矢量缩放，无需图片资源。

<!-- 1. 引入脚本 -->
<script src="assets/js/logo.js"></script>

<!-- 2. 容器（尺寸由 CSS 控制，矢量任意缩放） -->
<div id="brandLogo" style="width:42px;height:42px"></div>

<!-- 3. 生成并挂载 -->
<script>
  document.getElementById("brandLogo").innerHTML = anqiLogo({
    brand : "ENQITION",              // 图形内品牌字样
    color : "#2f7de8",               // 主色调
    color2: "#7b5cff",               // 渐变终止色
    style : "circle",                // circle | hex | shield | rounded
    showR : true,                    // 显示 ® 
    uid   : "navLogo"                // 同页多个 LOGO 时保证 id 唯一
  });
</script>

<!-- 横版组合（图形 + 中英文公司名） -->
<div id="brandLockup"></div>
<script>
  document.getElementById("brandLockup").innerHTML = anqiLockup({
    zh: "北京安琦迅电子科技有限公司",
    en: "Beijing Anqixun Electronic Technology Co., Ltd.",
    color: "#2f7de8", style: "circle"
  });
</script>