OutboundLink.vue 702 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <svg
  3. class="icon outbound"
  4. xmlns="http://www.w3.org/2000/svg"
  5. aria-hidden="true"
  6. x="0px"
  7. y="0px"
  8. viewBox="0 0 100 100"
  9. width="15"
  10. height="15"
  11. >
  12. <path
  13. fill="currentColor"
  14. d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"
  15. />
  16. <polygon
  17. fill="currentColor"
  18. points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"
  19. />
  20. </svg>
  21. </template>
  22. <style>
  23. .icon.outbound {
  24. position: relative;
  25. top: -1px;
  26. display: inline-block;
  27. vertical-align: middle;
  28. color: var(--c-text-lighter);
  29. }
  30. </style>