跳到主要內容

Shareaholic

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

Shareaholic Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Shareaholic
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#666666rgb(102, 102, 102) · hsl(0, 0%, 40%)
WCAG 亮暗底對比度與向量體積
白底 5.7:1 · 暗底 3.5:1 · 21.7 KB

向量程式碼片段

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><style><![CDATA[.C{fill:#16946e}.D{fill:#97c848}.E{mask:url(#L)}]]></style><defs><g id="A"><animateTransform attributeName="transform" type="rotate" from="0 327 327" to="360 327 327" dur="50s" repeatCount="indefinite"/><use xlink:href="#G"/></g><g id="B"><animateTransform attributeName="transform" type="rotate" from="360 327 327" to="0 327 327" dur="50s" repeatCount="indefinite"/><use xlink:href="#G"/></g><g id="C"><animateTransform fill="freeze" attributeName="transform" type="translate" from="0 0" to="0 331" dur="5s" repeatCount="1"/><use xlink:href="#F"/></g><g id="D"><animateTransform attributeName="transform" type="translate" from="0 0" to="0 662" dur="10s" repeatCount="indefinite"/><use y="-331" xlink:href="#F"/></g><g id="E"><animateTransform attributeName="transform" type="translate" from="0 0" to="0 662" dur="10s" begin="5s" repeatCount="indefinite"/><use y="-331" xlink:href="#F"/></g><g id="F"><circle cx="2.5" cy="92.5" r="2.5" class="C"/><circle cx="2.5" cy="82.5" r="2.5" class="D"/><circle cx="2.5" cy="72.5" r="2.5" class="C"/><circle cx="2.5" cy="62.5" r="2.5" class="D"/><circle cx="2.5" cy="52.5" r="2.5" class="C"/><circle cx="2.5" cy="42.5" r="2.5" class="D"/><circle cx="2.5" cy="32.5" r="2.5" class="C"/><circle cx="2.5" cy="22.5" r="2.5" class="D"/><circle cx="2.5" cy="12.5" r="2.5" class="C"/><circle cx="2.5" cy="2.5" r="2.5" class="D"/><circle cx="2.5" cy="324.5" r="2.5" class="C"/><circle cx="2.5" cy="314.5" r="2.5" class="D"/><circle cx="2.5" cy="304.5" r="2.5" class="C"/><circle cx="2.5" cy="294.5" r="2.5" class="D"/><circle cx="2.5" cy="284.5" r="2.5" class="C"/><circle cx="2.5" cy="274.5" r="2.5" class="D"/><circle cx="2.5" cy="264.5" r="2.5" class="C"/><circle cx="2.5" cy="254.5" r="2.5" class="D"/><circle cx="2.5" cy="244.5" r="2.5" class="C"/><circle cx="2.5" cy="234.5" r="2.5" class="D"/><circle cx="2.5" cy="224.5" r="2.5" class="C"/><circle cx="2.5" cy="214.5" r="2.5" class="D"/><circle cx="2.5" cy="204.5" r="2.5" class="C"/><circle cx="2.5" cy="194.5" r="2.5" class="D"/><circle cx="2.5" cy="184.5" r="2.5" class="C"/><circle cx="2.5" cy="174.5" r="2.5" class="D"/><circle cx="2.5" cy="164.5" r="2.5" class="C"/><circle cx="2.5" cy="154.5" r="2.5" class="D"/><circle cx="2.5" cy="144.5" r="2.5" class="C"/><circle cx="2.5" cy="134.5" r="2.5" class="D"/><circle cx="2.5" cy="124.5" r="2.5" class="C"/><circle cx="2.5" cy="114.5" r="2.5" class="D"/><circle cx="2.5" cy="104.5" r="2.5" class="C"/></g><g id="G"><circle cx="652.5" cy="327.5" r="2.5" class="C"/><circle cx="652.34" cy="337.709" r="2.5" transform="rotate(2 652.34 337.708)" class="D"/><circle cx="651.859" cy="347.907" r="2.5" transform="rotate(4 651.86 347.907)" class="C"/><circle cx="651.058" cy="358.085" r="2.5" transform="rotate(5 651.058 358.085)" class="D"/><circle cx="649.937" cy="368.233" r="2.5" transform="rotate(7 649.937 368.233)" class="C"/><circle cx="648.499" cy="378.341" r="2.5" transform="rotate(9 648.5 378.34)" class="D"/><circle cx="646.743" cy="388.399" r="2.5" transform="rotate(11 646.743 388.4)" class="C"/><circle cx="644.673" cy="398.397" r="2.5" transform="rotate(13 644.673 398.397)" class="D"/><circle cx="642.29" cy="408.324" r="2.5" transform="rotate(14 642.29 408.324)" class="C"/><circle cx="639.595" cy="418.172" r="2.5" transform="rotate(16 639.595 418.172)" class="D"/><circle cx="636.593" cy="427.931" r="2.5" transform="rotate(18 636.593 427.93)" class="C"/><circle cx="633.286" cy="437.59" r="2.5" transform="rotate(20 633.286 437.59)" class="D"/><circle cx="629.677" cy="447.14" r="2.5" transform="rotate(22 629.677 447.14)" class="C"/><circle cx="625.77" cy="456.573" r="2.5" transform="rotate(23 625.77 456.573)" class="D"/><circle cx="621.569" cy="465.878" r="2.5" transform="rotate(25 621.57 465.878)" class="C"/><circle cx="617.077" cy="475.047" r="2.5" transform="rotate(27 617.077 475.047)" class="D"/><circle cx="612.3" cy="484.07" r="2.5" transform="rotate(29 612.3 484.07)" class="C"/><circle cx="607.241" cy="492.938" r="2.5" transform="rotate(31 607.24 492.938)" class="D"/><circle cx="601.907" cy="501.644" r="2.5" transform="rotate(32 601.907 501.644)" class="C"/><circle cx="596.301" cy="510.177" r="2.5" transform="rotate(34 596.3 510.177)" class="D"/><circle cx="590.431" cy="518.53" r="2.5" transform="rotate(36 590.43 518.53)" class="C"/><circle cx="584.3" cy="526.695" r="2.5" transform="rotate(38 584.3 526.695)" class="D"/><circle cx="577.917" cy="534.663" r="2.5" transform="rotate(40 577.917 534.663)" class="C"/><circle cx="571.286" cy="542.426" r="2.5" transform="rotate(41 571.286 542.426)" class="D"/><circle cx="564.415" cy="549.978" r="2.5" transform="rotate(43 564.415 549.978)" class="C"/><circle cx="557.31" cy="557.31" r="2.5" transform="rotate(45 557.31 557.31)" class="D"/><circle cx="549.978" cy="564.415" r="2.5" transform="rotate(47 549.978 564.415)" class="C"/><circle cx="542.426" cy="571.286" r="2.5" transform="rotate(49 542.426 571.286)" class="D"/><circle cx="534.663" cy="577.917" r="2.5" transform="rotate(50 534.663 577.917)" class="C"/><circle cx="526.695" cy="584.3" r="2.5" transform="rotate(52 526.695 584.3)" class="D"/><circle cx="518.53" cy="590.431" r="2.5" transform="rotate(54 518.53 590.43)" class="C"/><circle cx="510.177" cy="596.301" r="2.5" transform="rotate(56 510.177 596.3)" class="D"/><circle cx="501.644" cy="601.907" r="2.5" transform="rotate(58 501.644 601.907)" class="C"/><circle cx="492.938" cy="607.241" r="2.5" transform="rotate(59 492.938 607.24)" class="D"/><circle cx="484.07" cy="612.3" r="2.5" transform="rotate(61 484.07 612.3)" class="C"/><circle cx="475.047" cy="617.077" r="2.5" transform="rotate(63 475.047 617.077)" class="D"/><circle cx="465.878" cy="621.569" r="2.5" transform="rotate(65 465.878 621.57)" class="C"/><circle cx="456.573" cy="625.77" r="2.5" transform="rotate(67 456.573 625.77)" class="D"/><circle cx="447.14" cy="629.677" r="2.5" transform="rotate(68 447.14 629.677)" class="C"/><circle cx="437.59" cy="633.286" r="2.5" transform="rotate(70 437.59 633.286)" class="D"/><circle cx="427.931" cy="636.593" r="2.5" transform="rotate(72 427.93 636.593)" class="C"/><circle cx="418.172" cy="639.595" r="2.5" transform="rotate(74 418.172 639.595)" class="D"/><circle cx="408.324" cy="642.29" r="2.5" transform="rotate(76 408.324 642.29)" class="C"/><circle cx="398.397" cy="644.673" r="2.5" transform="rotate(77 398.397 644.673)" class="D"/><circle cx="388.399" cy="646.743" r="2.5" transform="rotate(79 388.4 646.743)" class="C"/><circle cx="378.341" cy="648.499" r="2.5" transform="rotate(81 378.34 648.5)" class="D"/><circle cx="368.233" cy="649.937" r="2.5" transform="rotate(83 368.233 649.937)" class="C"/><circle cx="358.085" cy="651.058" r="2.5" transform="rotate(85 358.085 651.058)" class="D"/><circle cx="347.907" cy="651.859" r="2.5" transform="rotate(86 347.907 651.86)" class="C"/><circle cx="337.709" cy="652.34" r="2.5" transform="rotate(88 337.708 652.34)" class="D"/><circle cx="327.5" cy="652.5" r="2.5" transform="rotate(90 327.5 652.5)" class="C"/><circle cx="317.292" cy="652.34" r="2.5" transform="rotate(92 317.292 652.34)" class="D"/><circle cx="307.093" cy="651.859" r="2.5" transform="rotate(94 307.093 651.86)" class="C"/><circle cx="296.915" cy="651.058" r="2.5" transform="rotate(95 296.915 651.058)" class="D"/><circle cx="286.767" cy="649.937" r="2.5" transform="rotate(97 286.767 649.937)" class="C"/><circle cx="276.659" cy="648.499" r="2.5" transform="rotate(99 276.66 648.5)" class="D"/><circle cx="266.601" cy="646.743" r="2.5" transform="rotate(101 266.6 646.743)" class="C"/><circle cx="256.603" cy="644.673" r="2.5" transform="rotate(103 256.603 644.673)" class="D"/><circle cx="246.676" cy="642.29" r="2.5" transform="rotate(104 246.676 642.29)" class="C"/><circle cx="236.828" cy="639.595" r="2.5" transform="rotate(106 236.828 639.595)" class="D"/><circle cx="227.069" cy="636.593" r="2.5" transform="rotate(108 227.07 636.593)" class="C"/><circle cx="217.41" cy="633.286" r="2.5" transform="rotate(110 217.41 633.286)" class="D"/><circle cx="207.86" cy="629.677" r="2.5" transform="rotate(112 207.86 629.677)" class="C"/><circle cx="198.427" cy="625.77" r="2.5" transform="rotate(113 198.427 625.77)" class="D"/><circle cx="189.122" cy="621.569" r="2.5" transform="rotate(115 189.122 621.57)" class="C"/><circle cx="179.953" cy="617.077" r="2.5" transform="rotate(117 179.953 617.077)" class="D"/><circle cx="170.93" cy="612.3" r="2.5" transform="rotate(119 170.93 612.3)" class="C"/><circle cx="162.062" cy="607.241" r="2.5" transform="rotate(121 162.062 607.24)" class="D"/><circle cx="153.356" cy="601.907" r="2.5" transform="rotate(122 153.356 601.907)" class="C"/><circle cx="144.823" cy="596.301" r="2.5" transform="rotate(124 144.823 596.3)" class="D"/><circle cx="136.47" cy="590.431" r="2.5" transform="rotate(126 136.47 590.43)" class="C"/><circle cx="128.305" cy="584.3" r="2.5" transform="rotate(128 128.305 584.3)" class="D"/><circle cx="120.337" cy="577.917" r="2.5" transform="rotate(130 120.337 577.917)" class="C"/><circle cx="112.574" cy="571.286" r="2.5" transform="rotate(131 112.574 571.286)" class="D"/><circle cx="105.022" cy="564.415" r="2.5" transform="rotate(133 105.022 564.415)" class="C"/><circle cx="97.69" cy="557.31" r="2.5" transform="rotate(135 97.69 557.31)" class="D"/><circle cx="90.585" cy="549.978" r="2.5" transform="rotate(137 90.585 549.978)" class="C"/><circle cx="83.714" cy="542.426" r="2.5" transform="rotate(139 83.714 542.426)" class="D"/><circle cx="77.083" cy="534.663" r="2.5" transform="rotate(140 77.083 534.663)" class="C"/><circle cx="70.7" cy="526.695" r="2.5" transform="rotate(142 70.7 526.695)" class="D"/><circle cx="64.569" cy="518.53" r="2.5" transform="rotate(144 64.57 518.53)" class="C"/><circle cx="58.699" cy="510.177" r="2.5" transform="rotate(146 58.7 510.177)" class="D"/><circle cx="53.093" cy="501.644" r="2.5" transform="rotate(148 53.093 501.644)" class="C"/><circle cx="47.759" cy="492.938" r="2.5" transform="rotate(149 47.76 492.938)" class="D"/><circle cx="42.7" cy="484.07" r="2.5" transform="rotate(151 42.7 484.07)" class="C"/><circle cx="37.923" cy="475.047" r="2.5" transform="rotate(153 37.923 475.047)" class="D"/><circle cx="33.431" cy="465.878" r="2.5" transform="rotate(155 33.43 465.878)" class="C"/><circle cx="29.23" cy="456.573" r="2.5" transform="rotate(157 29.23 456.573)" class="D"/><circle cx="25.323" cy="447.14" r="2.5" transform="rotate(158 25.323 447.14)" class="C"/><circle cx="21.714" cy="437.59" r="2.5" transform="rotate(160 21.714 437.59)" class="D"/><circle cx="18.407" cy="427.931" r="2.5" transform="rotate(162 18.407 427.93)" class="C"/><circle cx="15.405" cy="418.172" r="2.5" transform="rotate(164 15.405 418.172)" class="D"/><circle cx="12.71" cy="408.324" r="2.5" transform="rotate(166 12.71 408.324)" class="C"/><circle cx="10.327" cy="398.397" r="2.5" transform="rotate(167 10.327 398.397)" class="D"/><circle cx="8.257" cy="388.399" r="2.5" transform="rotate(169 8.257 388.4)" class="C"/><circle cx="6.501" cy="378.341" r="2.5" transform="rotate(171 6.5 378.34)" class="D"/><circle cx="5.063" cy="368.233" r="2.5" transform="rotate(173 5.063 368.233)" class="C"/><circle cx="3.942" cy="358.085" r="2.5" transform="rotate(175 3.942 358.085)" class="D"/><circle cx="3.141" cy="347.907" r="2.5" transform="rotate(176 3.14 347.907)" class="C"/><circle cx="2.66" cy="337.709" r="2.5" transform="rotate(178 2.66 337.708)" class="D"/><circle cx="2.5" cy="327.5" r="2.5" transform="rotate(180 2.5 327.5)" class="C"/><circle cx="2.66" cy="317.292" r="2.5" transform="rotate(182 2.66 317.292)" class="D"/><circle cx="3.141" cy="307.093" r="2.5" transform="rotate(184 3.14 307.093)" class="C"/><circle cx="3.942" cy="296.915" r="2.5" transform="rotate(185 3.942 296.915)" class="D"/><circle cx="5.063" cy="286.767" r="2.5" transform="rotate(187 5.063 286.767)" class="C"/><circle cx="6.501" cy="276.659" r="2.5" transform="rotate(189 6.5 276.66)" class="D"/><circle cx="8.257" cy="266.601" r="2.5" transform="rotate(191 8.257 266.6)" class="C"/><circle cx="10.327" cy="256.603" r="2.5" transform="rotate(193 10.327 256.603)" class="D"/><circle cx="12.71" cy="246.676" r="2.5" transform="rotate(194 12.71 246.676)" class="C"/><circle cx="15.405" cy="236.828" r="2.5" transform="rotate(196 15.405 236.828)" class="D"/><circle cx="18.407" cy="227.069" r="2.5" transform="rotate(198 18.407 227.07)" class="C"/><circle cx="21.714" cy="217.41" r="2.5" transform="rotate(200 21.714 217.41)" class="D"/><circle cx="25.323" cy="207.86" r="2.5" transform="rotate(202 25.323 207.86)" class="C"/><circle cx="29.23" cy="198.427" r="2.5" transform="rotate(203 29.23 198.427)" class="D"/><circle cx="33.431" cy="189.122" r="2.5" transform="rotate(205 33.43 189.122)" class="C"/><circle cx="37.923" cy="179.953" r="2.5" transform="rotate(207 37.923 179.953)" class="D"/><circle cx="42.7" cy="170.93" r="2.5" transform="rotate(209 42.7 170.93)" class="C"/><circle cx="47.759" cy="162.062" r="2.5" transform="rotate(211 47.76 162.062)" class="D"/><circle cx="53.093" cy="153.356" r="2.5" transform="rotate(212 53.093 153.356)" class="C"/><circle cx="58.699" cy="144.823" r="2.5" transform="rotate(214 58.7 144.823)" class="D"/><circle cx="64.569" cy="136.47" r="2.5" transform="rotate(216 64.57 136.47)" class="C"/><circle cx="70.7" cy="128.305" r="2.5" transform="rotate(218 70.7 128.305)" class="D"/><circle cx="77.083" cy="120.337" r="2.5" transform="rotate(220 77.083 120.337)" class="C"/><circle cx="83.714" cy="112.574" r="2.5" transform="rotate(221 83.714 112.574)" class="D"/><circle cx="90.585" cy="105.022" r="2.5" transform="rotate(223 90.585 105.022)" class="C"/><circle cx="97.69" cy="97.69" r="2.5" transform="rotate(225 97.69 97.69)" class="D"/><circle cx="105.022" cy="90.585" r="2.5" transform="rotate(227 105.022 90.585)" class="C"/><circle cx="112.574" cy="83.714" r="2.5" transform="rotate(229 112.574 83.714)" class="D"/><circle cx="120.337" cy="77.083" r="2.5" transform="rotate(230 120.337 77.083)" class="C"/><circle cx="128.305" cy="70.7" r="2.5" transform="rotate(232 128.305 70.7)" class="D"/><circle cx="136.47" cy="64.569" r="2.5" transform="rotate(234 136.47 64.57)" class="C"/><circle cx="144.823" cy="58.699" r="2.5" transform="rotate(236 144.823 58.7)" class="D"/><circle cx="153.356" cy="53.093" r="2.5" transform="rotate(238 153.356 53.093)" class="C"/><circle cx="162.062" cy="47.759" r="2.5" transform="rotate(239 162.062 47.76)" class="D"/><circle cx="170.93" cy="42.7" r="2.5" transform="rotate(241 170.93 42.7)" class="C"/><circle cx="179.953" cy="37.923" r="2.5" transform="rotate(243 179.953 37.923)" class="D"/><circle cx="189.122" cy="33.431" r="2.5" transform="rotate(245 189.122 33.43)" class="C"/><circle cx="198.427" cy="29.23" r="2.5" transform="rotate(247 198.427 29.23)" class="D"/><circle cx="207.86" cy="25.323" r="2.5" transform="rotate(248 207.86 25.323)" class="C"/><circle cx="217.41" cy="21.714" r="2.5" transform="rotate(250 217.41 21.714)" class="D"/><circle cx="227.069" cy="18.407" r="2.5" transform="rotate(252 227.07 18.407)" class="C"/><circle cx="236.828" cy="15.405" r="2.5" transform="rotate(254 236.828 15.405)" class="D"/><circle cx="246.676" cy="12.71" r="2.5" transform="rotate(256 246.676 12.71)" class="C"/><circle cx="256.603" cy="10.327" r="2.5" transform="rotate(257 256.603 10.327)" class="D"/><circle cx="266.601" cy="8.257" r="2.5" transform="rotate(259 266.6 8.257)" class="C"/><circle cx="276.659" cy="6.501" r="2.5" transform="rotate(261 276.66 6.5)" class="D"/><circle cx="286.767" cy="5.063" r="2.5" transform="rotate(263 286.767 5.063)" class="C"/><circle cx="296.915" cy="3.942" r="2.5" transform="rotate(265 296.915 3.942)" class="D"/><circle cx="307.093" cy="3.141" r="2.5" transform="rotate(266 307.093 3.14)" class="C"/><circle cx="317.292" cy="2.66" r="2.5" transform="rotate(268 317.2
<!-- ...[資料已省略,點選複製或下載獲取完整原始碼]... -->
</svg>

設計應用建議

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