Files
web-temp/layers/components/atoms/icons/LogoGoogle.vue

45 lines
1.3 KiB
Vue

<script setup lang="ts">
interface Props {
size?: number | string
color?: string
}
withDefaults(defineProps<Props>(), {
size: 20,
})
</script>
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
:width="size"
:height="size"
viewBox="0 0 33 33"
fill="none"
>
<g clip-path="url(#clip0_6093_172)">
<path
d="M16.2529 15.8401L3.54785 29.1226C3.96035 30.5251 5.28035 31.5976 6.84785 31.5976C7.50785 31.5976 8.08535 31.4326 8.58035 31.1026L22.9354 22.9351L16.2529 15.8401Z"
fill="#EA4335"
/>
<path
d="M29.1224 13.53L22.9349 9.98254L16.0049 16.0875L23.0174 22.935L29.2049 19.47C30.2774 18.8925 31.0199 17.7375 31.0199 16.5C30.9374 15.2625 30.1949 14.1075 29.1224 13.53Z"
fill="#FBBC04"
/>
<path
d="M3.54734 3.87769C3.46484 4.12519 3.46484 4.45519 3.46484 4.78519V28.2977C3.46484 28.6277 3.46484 28.8752 3.54734 29.2052L16.7473 16.2527L3.54734 3.87769Z"
fill="#4285F4"
/>
<path
d="M16.3354 16.5001L22.9354 9.98259L8.66285 1.89759C8.16785 1.56759 7.50785 1.40259 6.84785 1.40259C5.28035 1.40259 3.87785 2.47509 3.54785 3.87759L16.3354 16.5001Z"
fill="#34A853"
/>
</g>
<defs>
<clipPath id="clip0_6093_172">
<rect width="33" height="33" fill="white" />
</clipPath>
</defs>
</svg>
</template>