<template>
    <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" class="icon">
        <path d="M804.606221 432.282401c120.691803 0 119.469975 187.388854-1.465374 187.388854C682.449044 619.671255 683.426301 432.282401 804.606221 432.282401z" fill="#b8c1cc"></path>
        <path d="M511.428995 432.282401c120.691803 0 119.469975 187.388854-1.465374 187.388854C389.271818 619.671255 390.249075 432.282401 511.428995 432.282401z" fill="#b8c1cc"></path>
        <path d="M218.251769 432.282401c120.691803 0 119.469975 187.388854-1.465374 187.388854C96.094592 619.671255 97.071849 432.282401 218.251769 432.282401z" fill="#b8c1cc"></path>
    </svg>
</template>

<style lang="scss" scoped>
svg:not(:root) {
    overflow: hidden;
}

svg path {
    transition: .2s;
}

svg:hover path {
    fill: #9da7b3;
}
</style>