跳到主要內容

Moonmail

Moonmail 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Moonmail Logo

色彩提取

點選直接複製色值

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 64 64.000001
原始碼體積
20.4 KB · 47 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Moonmail.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
Moonmail
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#EBF0F9rgb(235, 240, 249) · hsl(219, 54%, 95%)
WCAG 亮暗底對比度與向量體積
白底 1.1:1 · 暗底 17.3:1 · 20.4 KB

向量程式碼片段

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   id="d8c3b1c7-d967-471a-9674-092eb66e650e"
   data-name="Layer 1"
   viewBox="0 0 64 64.000001"
   version="1.1"
   sodipodi:docname="moonmail-icon.svg"
   width="64"
   height="64"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
  <metadata
     id="metadata219">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="1920"
     inkscape:window-height="1001"
     id="namedview217"
     showgrid="false"
     inkscape:zoom="4.3830537"
     inkscape:cx="51.111"
     inkscape:cy="17.363996"
     inkscape:window-x="-9"
     inkscape:window-y="-9"
     inkscape:window-maximized="1"
     inkscape:current-layer="d8c3b1c7-d967-471a-9674-092eb66e650e" />
  <defs
     id="defs74">
    <clipPath
       id="f4e40146-054b-4104-914a-a0553b03f1e0"
       transform="translate(-1.14 -2.09)">
      <circle
         cx="31.059999"
         cy="28.68"
         style="fill:none"
         id="ellipse2"
         r="0.34999999" />
    </clipPath>
    <clipPath
       id="758cb4b6-0d72-4694-9456-ee675d7db17f"
       transform="translate(-1.14 -2.09)">
      <rect
         x="-47.540001"
         y="-37.18"
         width="205.10001"
         height="113.95"
         style="fill:none"
         id="rect5" />
    </clipPath>
    <clipPath
       id="d3bf6553-3972-40af-b425-95173036e2ed"
       transform="translate(-1.14 -2.09)">
      <circle
         cx="18.59"
         cy="45.529999"
         r="0.27000001"
         style="fill:none"
         id="circle8" />
    </clipPath>
    <clipPath
       id="45e75d32-c452-4558-99bf-f967ae4c5540"
       transform="translate(-1.14 -2.09)">
      <ellipse
         cx="19.74"
         cy="7.5599999"
         rx="0.70999998"
         ry="0.69999999"
         style="fill:none"
         id="ellipse11" />
    </clipPath>
    <clipPath
       id="8d7e81cd-e8b1-483a-a16a-a79c91318e23"
       transform="translate(-1.14 -2.09)">
      <ellipse
         cx="28.049999"
         cy="40.209999"
         rx="0.70999998"
         ry="0.69999999"
         style="fill:none"
         id="ellipse14" />
    </clipPath>
    <clipPath
       id="0aa610a0-3779-4589-936a-d0080fc71c7f"
       transform="translate(-1.14 -2.09)">
      <circle
         cx="25.58"
         cy="21.52"
         r="0.18000001"
         style="fill:none"
         id="circle17" />
    </clipPath>
    <clipPath
       id="be639323-3cad-4270-b4c9-b741085e35a6"
       transform="translate(-1.14 -2.09)">
      <path
         d="M 47.29,30.42 A 23.07,23.07 0 0 0 24.75,2.7 22.88,22.88 0 0 0 12.63,6.15 h 0.1 a 1.83,1.83 0 0 0 -2,0.29 l -4.2,3.79 A 1.83,1.83 0 0 0 6.1,12.36 v -0.11 a 23.020235,23.020235 0 1 0 37.6,26.57 h -0.12 a 1.83,1.83 0 0 0 2.21,-1 l 2.3,-5.17 a 1.83,1.83 0 0 0 -0.86,-2.39 z"
         style="clip-rule:evenodd;fill:none"
         id="path20"
         inkscape:connector-curvature="0" />
    </clipPath>
    <clipPath
       id="47fe8efc-b43a-4a8d-8bfa-43b347bc18c1"
       transform="translate(-1.14 -2.09)">
      <path
         d="M 47.19,30.4 A 23,23 0 0 0 24.75,2.8 22.77,22.77 0 0 0 12.69,6.24 1.72,1.72 0 0 0 10.8,6.52 L 6.59,10.3 a 1.72,1.72 0 0 0 -0.41,2 22.92,22.92 0 1 0 37.43,26.46 1.72,1.72 0 0 0 2.08,-0.95 L 48,32.64 A 1.72,1.72 0 0 0 47.19,30.4 Z M 0,1 H 50 V 50.53 H 0 Z"
         style="clip-rule:evenodd;fill:none"
         id="path23"
         inkscape:connector-curvature="0" />
    </clipPath>
    <clipPath
       id="daf65286-0377-4b78-a1f8-25b37b21a158"
       transform="translate(-1.14 -2.09)">
      <path
         d="m 47.36,30.36 a 1.72,1.72 0 0 1 0.8,2.24 l -2.3,5.17 a 1.72,1.72 0 0 1 -2.05,1 23.08,23.08 0 0 1 -1.59,2 A 22.83,22.83 0 0 1 10,43 C 37.67,56.3 52.61,23.13 40,8.55 a 22.82,22.82 0 0 1 7.36,21.81 z"
         style="clip-rule:evenodd;fill:none"
         id="path26"
         inkscape:connector-curvature="0" />
    </clipPath>
    <clipPath
       id="2ebb584d-4510-400d-8d97-1675601dc0b7"
       transform="translate(-1.14 -2.09)">
      <circle
         cx="33.009998"
         cy="19.25"
         style="fill:none"
         id="ellipse29"
         r="4.4299998" />
    </clipPath>
    <clipPath
       id="3d062f2d-e728-4328-a727-d9325116aff8"
       transform="translate(-1.14 -2.09)">
      <path
         d="M 33,23.57 A 4.33,4.33 0 1 0 28.68,19.24 4.32,4.32 0 0 0 33,23.57 Z M 26.83,13.07 H 39.18 V 25.42 H 26.83 Z"
         style="clip-rule:evenodd;fill:none"
         id="path32"
         inkscape:connector-curvature="0" />
    </clipPath>
    <clipPath
       id="e21835f4-9920-49ca-9a7c-0c9ed1d90cfa"
       transform="translate(-1.14 -2.09)">
      <circle
         cx="18.16"
         cy="26.459999"
         style="fill:none"
         id="ellipse35"
         r="3.3" />
    </clipPath>
    <clipPath
       id="2d6091af-e088-44be-aea3-c9a134f10128"
       transform="translate(-1.14 -2.09)">
      <path
         d="m 18.16,29.66 a 3.2,3.2 0 1 0 -3.16,-3.2 3.19,3.19 0 0 0 3.16,3.2 z m -5,-8.25 h 10.05 v 10.1 H 13.12 Z"
         style="clip-rule:evenodd;fill:none"
         id="path38"
         inkscape:connector-curvature="0" />
    </clipPath>
    <clipPath
       id="f4dea43e-4a77-4181-b363-1e0b56f71f08"
       transform="translate(-1.14 -2.09)">
      <ellipse
         cx="38.439999"
         cy="35.200001"
         rx="3.1900001"
         ry="3.2"
         style="fill:none"
         id="ellipse41" />
    </clipPath>
    <clipPath
       id="6efcd3f4-c971-4a55-8dce-0896446151b9"
       transform="translate(-1.14 -2.09)">
      <circle
         cx="16.700001"
         cy="38.900002"
         r="1.6"
         style="fill:none"
         id="circle44" />
    </clipPath>
    <clipPath
       id="62719e39-667b-47e9-aa85-316b59f9a9d9"
       transform="translate(-1.14 -2.09)">
      <path
         d="m 16.7,40.43 a 1.53,1.53 0 1 0 -1.53,-1.53 1.53,1.53 0 0 0 1.53,1.53 z m -3.24,-4.77 h 6.47 v 6.48 h -6.47 z"
         style="clip-rule:evenodd;fill:none"
         id="path47"
         inkscape:connector-curvature="0" />
    </clipPath>
    <clipPath
       id="d82e524b-f6cb-4fbb-8815-356acd5e7b1e"
       transform="translate(-1.14 -2.09)">
      <circle
         cx="20.389999"
         cy="17.559999"
         r="0.92000002"
         style="fill:none"
         id="circle50" />
    </clipPath>
    <clipPath
       id="6df9547c-2ffc-40b5-839c-7e8c23eec0ae"
       transform="translate(-1.14 -2.09)">
      <path
         d="m 20.39,18.41 a 0.85,0.85 0 1 0 -0.85,-0.85 0.85,0.85 0 0 0 0.85,0.85 z M 17.83,15 h 5.11 v 5.12 h -5.11 z"
         style="clip-rule:evenodd;fill:none"
         id="path53"
         inkscape:connector-curvature="0" />
    </clipPath>
    <clipPath
       id="65a0798c-8420-405a-a268-99ef6806e3be"
       transform="translate(-1.14 -2.09)">
      <circle
         cx="36.259998"
         cy="23.49"
         r="1.09"
         style="fill:none"
         id="circle56" />
    </clipPath>
    <clipPath
       id="7fbd117a-480b-4d22-85b4-25d8004b9311"
       transform="translate(-1.14 -2.09)">
      <path
         d="m 36.26,24.51 a 1,1 0 1 0 -1,-1 1,1 0 0 0 1,1 z M 33.53,20.76 H 39 v 5.46 h -5.46 z"
         style="clip-rule:evenodd;fill:none"
         id="path59"
         inkscape:connector-curvature="0" />
    </clipPath>
    <clipPath
       id="7a837f34-fc9f-4bfe-835d-3a7351961757"
       transform="translate(-1.14 -2.09)">
      <circle
         cx="21.610001"
         cy="37.650002"
         r="0.75"
         style="fill:none"
         id="circle62" />
    </clipPath>
    <clipPath
       id="87799dd2-f3e1-4f1e-a6f9-4d52697701ed"
       transform="translate(-1.14 -2.09)">
      <path
         d="m 21.61,38.33 a 0.68,0.68 0 1 0 -0.68,-0.68 0.68,0.68 0 0 0 0.68,0.68 z M 19.22,35.26 H 24 V 40 h -4.77 z"
         style="clip-rule:evenodd;fill:none"
         id="path65"
         inkscape:connector-curvature="0" />
    </clipPath>
    <clipPath
       id="21c3170b-9369-4411-b5e7-851eb584cb73"
       transform="translate(-1.14 -2.09)">
      <circle
         cx="16.25"
         cy="32.290001"
         r="0.75"
         style="fill:none"
         id="circle68" />
    </clipPath>
    <clipPath
       id="ac5d90be-05fe-4cef-a18f-69c05bfa1c90"
       transform="translate(-1.14 -2.09)">
      <path
         d="M 16.25,33 A 0.68,0.68 0 1 0 15.57,32.32 0.68,0.68 0 0 0 16.25,33 Z m -2.39,-3.1 h 4.78 v 4.78 h -4.78 z"
         style="clip-rule:evenodd;fill:none"
         id="path71"
         inkscape:connector-curvature="0" />
    </clipPath>
  </defs>
  <g
     id="g1531"
     transform="matrix(2.0834984,0,0,2.0834984,-13.666896,-30.504955)">
    <g
       transform="matrix(1.6109163,0,0,1.6109163,-24.038861,-21.565716)"
       id="g1240">
      <g
         id="83767306-8f20-47de-92a5-e8cc3bf2e8a6"
         data-name="mm-moon"
         transform="matrix(0.40068427,0,0,0.40068427,18.882064,22.333653)">
        <g
           clip-path="url(#f4e40146-054b-4104-914a-a0553b03f1e0)"
           id="g81">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g79">
            <rect
               x="28.85"
               y="25.530001"
               width="2.1300001"
               height="2.1199999"
               style="fill:#ebf0f9"
               id="rect77" />
          </g>
        </g>
        <g
           clip-path="url(#d3bf6553-3972-40af-b425-95173036e2ed)"
           id="g87">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g85">
            <rect
               x="16.48"
               y="42.470001"
               width="1.95"
               height="1.95"
               style="fill:#ebf0f9"
               id="rect83" />
          </g>
        </g>
        <g
           clip-path="url(#45e75d32-c452-4558-99bf-f967ae4c5540)"
           id="g93">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g91">
            <rect
               x="17.190001"
               y="4.0500002"
               width="2.8399999"
               height="2.8199999"
               style="fill:#ebf0f9"
               id="rect89" />
          </g>
        </g>
        <g
           clip-path="url(#8d7e81cd-e8b1-483a-a16a-a79c91318e23)"
           id="g99">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g97">
            <rect
               x="25.5"
               y="36.709999"
               width="2.8399999"
               height="2.8199999"
               style="fill:#ebf0f9"
               id="rect95" />
          </g>
        </g>
        <g
           clip-path="url(#0aa610a0-3779-4589-936a-d0080fc71c7f)"
           id="g105">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g103">
            <rect
               x="23.549999"
               y="18.549999"
               width="1.78"
               height="1.77"
               style="fill:#b8d4e8"
               id="rect101" />
          </g>
        </g>
        <g
           clip-path="url(#be639323-3cad-4270-b4c9-b741085e35a6)"
           id="g111">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g109">
            <rect
               width="47.720001"
               height="47.299999"
               style="fill:#ebf0f9"
               id="rect107"
               x="0"
               y="0" />
          </g>
        </g>
        <g
           clip-path="url(#47fe8efc-b43a-4a8d-8bfa-43b347bc18c1)"
           id="g117">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g115">
            <path
               d="M 24.75,49.1 A 23.37,23.37 0 0 1 5.7,12.25 2.14,2.14 0 0 1 6.31,10 l 4.2,-3.79 a 2.14,2.14 0 0 1 2.14,-0.44 23.33,23.33 0 0 1 35.44,20 23.59,23.59 0 0 1 -0.42,4.44 2.14,2.14 0 0 1 0.73,2.63 L 46.09,38 A 2.15,2.15 0 0 1 43.8,39.25 23.34,23.34 0 0 1 24.75,49.1 Z M 12,6.5 a 1.29,1.29 0 0 0 -0.87,0.33 l -4.2,3.79 a 1.29,1.29 0 0 0 -0.31,1.51 l 0.11,0.23 -0.15,0.2 a 22.500516,22.500516 0 1 0 36.73,26 l 0.18,-0.26 0.3,0.09 a 1.29,1.29 0 0 0 1.57,-0.71 l 2.3,-5.17 A 1.29,1.29 0 0 0 47,30.78 l -0.3,-0.15 0.07,-0.32 A 22.53,22.53 0 0 0 24.77,3.23 22.4,22.4 0 0 0 12.91,6.6 L 12.71,6.72 12.5,6.62 A 1.3,1.3 0 0 0 12,6.5 Z"
               transform="translate(-1.14,-2.09)"
               id="path113"
               inkscape:connector-curvature="0" />
          </g>
        </g>
        <g
           clip-path="url(#daf65286-0377-4b78-a1f8-25b37b21a158)"
           id="g123">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g121">
            <rect
               x="8.1499996"
               y="5.75"
               width="39.720001"
               height="41.490002"
               style="fill:#b8d4e8"
               id="rect119" />
          </g>
        </g>
        <g
           clip-path="url(#2ebb584d-4510-400d-8d97-1675601dc0b7)"
           id="g129">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g127">
            <rect
               x="26.83"
               y="12.12"
               width="10.06"
               height="10.08"
               style="fill:#b8d4e8"
               id="rect125" />
          </g>
        </g>
        <g
           clip-path="url(#3d062f2d-e728-4328-a727-d9325116aff8)"
           id="g135">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g133">
            <path
               d="M 33,24 A 4.75,4.75 0 1 1 37.75,19.25 4.76,4.76 0 0 1 33,24 Z m 0,-8.65 a 3.9,3.9 0 1 0 3.89,3.9 3.9,3.9 0 0 0 -3.89,-3.9 z"
               transform="translate(-1.14,-2.09)"
               id="path131"
               inkscape:connector-curvature="0" />
          </g>
        </g>
        <g
           clip-path="url(#e21835f4-9920-49ca-9a7c-0c9ed1d90cfa)"
           id="g141">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g139">
            <rect
               x="13.12"
               y="20.459999"
               width="7.8099999"
               height="7.8200002"
               style="fill:#b8d4e8"
               id="rect137" />
          </g>
        </g>
        <g
           clip-path="url(#2d6091af-e088-44be-aea3-c9a134f10128)"
           id="g147">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g145">
            <path
               d="m 18.16,30.09 a 3.62,3.62 0 1 1 3.62,-3.62 3.63,3.63 0 0 1 -3.62,3.62 z m 0,-6.39 a 2.77,2.77 0 1 0 2.77,2.77 2.77,2.77 0 0 0 -2.77,-2.78 z"
               transform="translate(-1.14,-2.09)"
               id="path143"
               inkscape:connector-curvature="0" />
          </g>
        </g>
        <g
           clip-path="url(#f4dea43e-4a77-4181-b363-1e0b56f71f08)"
           id="g153">
          <g
             clip-path="url(#758cb4b6-0d72-4694-9456-ee675d7db17f)"
             id="g151">
            <rect
               x="33.389999"
               y="29.200001"
               width="7.8099999"
               height="7.8200002"
               style="fill:#ebf0f9"
 
<!-- ...[資料已省略,點選複製或下載獲取完整原始碼]... -->
</svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 64 64.000001")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成