VaIconResponsive.vue 765 B

1234567891011121314151617181920212223242526272829
  1. <template>
  2. <svg class="va-icon-responsive" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.5 49">
  3. <defs />
  4. <title>overview_icon_3</title>
  5. <g id="Layer_2" data-name="Layer 2">
  6. <g id="Layer_1-2" data-name="Layer 1">
  7. <polygon class="cls-1" points="37 26 37 7 11 7 11 18 3 18 3 46 11 46 15 46 30 46 37 46 45 46 45 26 37 26" />
  8. <path class="cls-2" d="M40,19V0H8V11H0V49H47.5V19ZM3,46V14H8V46Zm34,0H11V3H37Zm7.5,0H40V22h4.5Z" />
  9. <circle class="cls-2" cx="24" cy="41" r="2.67" />
  10. </g>
  11. </g>
  12. </svg>
  13. </template>
  14. <style lang="scss">
  15. .va-icon-responsive {
  16. display: inline-block;
  17. width: 47.5px;
  18. height: 49px;
  19. .cls-1 {
  20. fill: #4ae387;
  21. }
  22. .cls-2 {
  23. fill: #34495e;
  24. }
  25. }
  26. </style>