feedback-svg.vue 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <svg
  3. id="图层_1"
  4. version="1.1"
  5. xmlns="http://www.w3.org/2000/svg"
  6. xmlns:xlink="http://www.w3.org/1999/xlink"
  7. x="0px"
  8. y="0px"
  9. viewBox="0 0 79 79"
  10. style="enable-background: new 0 0 79 79"
  11. xml:space="preserve"
  12. >
  13. <circle class="st0" cx="39.5" cy="39.5" r="39.5" />
  14. <path
  15. class="st1"
  16. d="M19.8,26.2c0-3.3,2.7-5.9,5.9-5.9h27.7c3.3,0,5.9,2.7,5.9,5.9v23.7c0,3.3-2.7,5.9-5.9,5.9H25.9l-6.2,6.4V26.2z"
  17. />
  18. <path
  19. class="st2"
  20. d="M19.8,24.2c0-3.3,2.7-5.9,5.9-5.9h27.7c3.3,0,5.9,2.7,5.9,5.9v23.7c0,3.3-2.7,5.9-5.9,5.9H25.9l-6.2,6.4V24.2z"
  21. />
  22. <path
  23. class="st3"
  24. d="M37.5,35.5c0-1.1,0.9-2,2-2s2,0.9,2,2v7.9c0,1.1-0.9,2-2,2s-2-0.9-2-2V35.5z"
  25. />
  26. <path
  27. class="st3"
  28. d="M37.5,29.1c0-1.1,0.9-2,2-2s2,0.9,2,2c0,1.1-0.9,2-2,2S37.5,30.2,37.5,29.1z"
  29. />
  30. </svg>
  31. </template>
  32. <style scoped lang="scss">
  33. .st0 {
  34. fill: #eff5fd;
  35. }
  36. .st1 {
  37. fill: #0077ce;
  38. }
  39. .st2 {
  40. fill: #20a0ff;
  41. }
  42. .st3 {
  43. fill: #ffffff;
  44. }
  45. .dark {
  46. .st0 {
  47. fill: #36393d;
  48. }
  49. }
  50. </style>