src/components/icons/VueIconTwitter.vue
<template>
<i>
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M8.29 20.253c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.922a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743A11.65 11.65 0 013.392 4.75a4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.715v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.232 8.232 0 012 18.41a11.616 11.616 0 006.29 1.84"
fill="currentColor"
/>
</svg>
</i>
</template>
<script lang="ts">
export default {
name: 'VueIconTwitter',
};
</script>