feat: svg eDroplets logo

src/assets/icons/system/edroplets_logo.js

@@ -0,0 +1,40 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+ 'system/edroplets_logo': {
+ width: 5332,
+ height: 1433,
+ viewBox: '0 0 5332 1433',
+ data: `<defs>
+ <style>
+ .cls-1 {
+ fill: #fff;
+ }
+
+ .cls-2 {
+ letter-spacing: -.01em;
+ }
+
+ .cls-3 {
+ font-family: Questrial-Regular, Questrial;
+ font-size: 1100px;
+ }
+
+ .cls-4 {
+ stroke: #325785;
+ stroke-miterlimit: 10;
+ stroke-width: 15px;
+ }
+
+ .cls-4, .cls-5 {
+ fill: #325785;
+ }
+ </style>
+ </defs>
+ <text class="cls-3" transform="translate(978.68 1111.49)"><tspan x="0" y="0">D</tspan><tspan class="cls-2" x="773.29" y="0">r</tspan><tspan x="1138.49" y="0">oplets</tspan></text>
+ <path class="cls-4" d="m531.64,1183.98c-209.19,0-338.67-132.91-355.86-303.93-3.42-34.01-.22-77.42,9.55-123.37,11.32-53.21,24.53-87.31,41.82-123.67.25-.53.5-1.06.76-1.6,54.28-114.72,122.47-222.34,202.94-320.47l100.79-122.9,100.79,122.9c80.48,98.13,148.66,205.75,202.94,320.47.25.54.51,1.07.76,1.6,17.29,36.36,30.5,70.45,41.82,123.67,9.77,45.95,12.97,89.36,9.55,123.37-17.19,171.02-146.67,303.93-355.86,303.93Z"/>
+ <path class="cls-1" d="m335.64,881.17c2.87,14.68,23.76,25.71,36.86,31.87,57.15,25.17,144.92,35.73,206.99,28.88,5.05-.65,10.04-1.48,14.9-2.63,5.12-1.38,10.54-2.98,15.57-4.6,61.67-19.72,107.68-55.99,101.46-125.21-3.39-50.62-32.96-98.17-76.66-123.86-36.03-21.71-77.75-26.58-118.65-18.32-63.41,12.09-119.44,55.91-147.04,114.29-34.48,70.34-23.3,156,18.27,220.96,42.97,68.13,116.15,116.17,195.43,129.82,149.09,26.77,282.19-76.66,305.22-224.8,16.29-99.45-10.99-200.65-50.41-291.72,0,0,2.74-1.37,2.74-1.37,25.32,44.54,46.52,91.98,60.61,141.38,10.67,37.68,17.28,76.59,17.79,115.83,5.39,190.96-152.28,341.83-344.22,316.26-96.92-12.37-187.8-67.81-242.7-148.89-57.41-83.44-72.88-195.38-30.33-288.63,35.78-81.09,111.61-142.79,198.49-161,59.46-13.47,123.73-5.51,176.33,26.05,53.14,31.08,93.13,83.73,108.31,143.45,20.95,81.28-.97,163.72-73.52,210.85-30.33,20.02-63.98,31.84-98.78,39.49-1.93.4-4.46.93-6.27,1.2-75.8,11.41-192.64-11.2-258.77-49.87-27.37-15.67-58.64-43.83-56.56-79.64,0,0,44.97.2,44.97.2h0Z"/>
+ <path class="cls-5" d="m670.68,1165.53c-117.33,48-261.08,31.22-363.04-46.52-35.97-26.8-66.79-60.45-92.27-97.3,0,0,81.66-46.07,81.66-46.07,7.2,16.45,15.46,32.45,24.98,47.74,1.3,2,4.26,6.61,5.49,8.52,1.04,1.77,8.43,11.88,9.77,13.81,74.58,100.91,211,144.12,333.41,119.83h0Z"/>
+ `
+ }
+})

src/assets/icons/system/index.js

@@ -12,6 +12,7 @@ require('./editor')
 require('./elements')
 require('./expand')
 require('./gh_logo')
+require('./edroplets_logo')
 require('./home')
 require('./more_vert')
 require('./page')

src/components/editor/header/index.vue

@@ -19,7 +19,8 @@
  <!-- <p style="font-size:24px; font-weight: bold; color: #005587; text-align: center;">
  eDroplets
  </p> -->
- <img src="/static/eDroplets_logo.png" height="40"/>
+ <!-- <img src="/static/eDroplets_logo.png" height="40"/> -->
+ <svgicon icon="system/edroplets_logo" height="40" wight="40" />
  </div>
  <p class="title-prefix">
  Project Title:
@@ -46,6 +47,7 @@ import UserMenu from './UserMenu'
 import ActionBar from './ActionBar'
 
 import '@/assets/icons/product/vuegg'
+import '@/assets/icons/system/edroplets_logo'
 // import '@/assets/icons/system/elements/electrod/standard'
 
 export default {