figma-template-svg.vue 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <template>
  2. <!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3. <svg
  4. id="图层_1"
  5. version="1.1"
  6. xmlns="http://www.w3.org/2000/svg"
  7. xmlns:xlink="http://www.w3.org/1999/xlink"
  8. x="0px"
  9. y="0px"
  10. viewBox="0 0 120 120"
  11. style="enable-background: new 0 0 120 120"
  12. xml:space="preserve"
  13. >
  14. <path
  15. class="st0"
  16. d="M7,14h106c1.1,0,2,0.9,2,2v68c0,1.1-0.9,2-2,2H7c-1.1,0-2-0.9-2-2V16C5,14.9,5.9,14,7,14z"
  17. />
  18. <path
  19. class="st1"
  20. d="M60,46c0-3.3,2.7-6,6-6l0,0c3.3,0,6,2.7,6,6l0,0c0,3.3-2.7,6-6,6l0,0C62.7,52,60,49.3,60,46L60,46z"
  21. />
  22. <path
  23. class="st2"
  24. d="M48,58c0-3.3,2.7-6,6-6h6v6c0,3.3-2.7,6-6,6l0,0C50.7,64,48,61.3,48,58L48,58z"
  25. />
  26. <path class="st3" d="M60,28v12h6c3.3,0,6-2.7,6-6l0,0c0-3.3-2.7-6-6-6H60z" />
  27. <path
  28. class="st4"
  29. d="M48,34c0,3.3,2.7,6,6,6h6V28h-6C50.7,28,48,30.7,48,34L48,34z"
  30. />
  31. <path
  32. class="st5"
  33. d="M48,46c0,3.3,2.7,6,6,6h6V40h-6C50.7,40,48,42.7,48,46L48,46z"
  34. />
  35. <path class="st6" d="M5,74h110v10c0,1.1-0.9,2-2,2H7c-1.1,0-2-0.9-2-2V74z" />
  36. <circle class="st7" cx="60" cy="80" r="2" />
  37. <path
  38. class="st8"
  39. d="M46.8,86L38,103.1c-0.7,1.3,0.3,2.9,1.8,2.9H60V86H46.8z M73.2,86l8.7,17.1c0.7,1.3-0.3,2.9-1.8,2.9H60V86H73.2
  40. z"
  41. />
  42. </svg>
  43. </template>
  44. <style scoped lang="scss">
  45. .st0 {
  46. fill: #f2f8fe;
  47. }
  48. .st1 {
  49. fill: #1abcfe;
  50. }
  51. .st2 {
  52. fill: #0acf83;
  53. }
  54. .st3 {
  55. fill: #ff7262;
  56. }
  57. .st4 {
  58. fill: #f24e1e;
  59. }
  60. .st5 {
  61. fill: #a259ff;
  62. }
  63. .st6 {
  64. fill: #20a0ff;
  65. }
  66. .st7 {
  67. fill: #ffffff;
  68. }
  69. .st8 {
  70. fill-rule: evenodd;
  71. clip-rule: evenodd;
  72. fill: #deecf9;
  73. }
  74. .dark {
  75. .st0 {
  76. fill: #272829;
  77. }
  78. .st8 {
  79. fill-rule: evenodd;
  80. clip-rule: evenodd;
  81. fill: #373f48;
  82. }
  83. }
  84. </style>