import React from 'react'
import { createIcon } from '../createIcon'

export const CelsiusBadge = createIcon({
    rectFill: '#262761',
    path: (
        <>
            <g clipPath="url(#CelsiusBadge_a)">
                <path
                    d="M16.5078 10.4558C16.749 10.4558 16.9445 10.2602 16.9445 10.019C16.9445 9.77781 16.749 9.58228 16.5078 9.58228C16.2666 9.58228 16.071 9.77781 16.071 10.019C16.071 10.2602 16.2666 10.4558 16.5078 10.4558Z"
                    fill="#262761"
                ></path>
                <path
                    d="M12.0156 3C7.02426 3 3 7.02426 3 12.0156C3 17.0069 7.02426 21.0312 12.0156 21.0312C17.0069 21.0312 21.0312 17.0069 21.0312 12.0156C21.0312 7.02426 16.9757 3 12.0156 3ZM16.1023 15.7591C15.0416 16.9445 13.513 17.5997 11.9532 17.5997C10.3622 17.5997 8.83362 16.9133 7.77296 15.7279C6.68111 14.5113 6.21317 12.9827 6.36915 11.3605C6.64991 8.77123 8.70884 6.7123 11.2981 6.40035C11.5165 6.36915 11.7348 6.36915 11.9532 6.36915C13.201 6.36915 14.3865 6.7747 15.3847 7.55459C15.4471 7.58579 15.4783 7.67938 15.4783 7.74177C15.4783 7.83536 15.4471 7.89775 15.3847 7.96014L14.792 8.49047C14.7296 8.55286 14.636 8.58406 14.5425 8.58406C14.4801 8.58406 14.3865 8.55286 14.3553 8.52166C13.6378 8.02253 12.7955 7.77296 11.9532 7.77296C10.7366 7.77296 9.58232 8.30329 8.80243 9.20797C7.99133 10.1127 7.61698 11.2981 7.77296 12.5147C7.99133 14.4489 9.55113 16.0087 11.4853 16.227C11.6412 16.2582 11.7972 16.2582 11.9844 16.2582C13.1075 16.2582 14.1681 15.8215 14.9792 15.0104C15.0416 14.948 15.1352 14.9168 15.2288 14.9168C15.2912 14.9168 15.3536 14.948 15.4159 14.9792L16.0711 15.4159C16.1334 15.4471 16.1646 15.5095 16.1958 15.6031C16.1646 15.6343 16.1334 15.6967 16.1023 15.7591ZM16.5078 11.3917C15.7591 11.3917 15.1352 10.7678 15.1352 10.0191C15.1352 9.27036 15.7591 8.64645 16.5078 8.64645C17.2565 8.64645 17.8804 9.27036 17.8804 10.0191C17.8804 10.7678 17.2565 11.3917 16.5078 11.3917Z"
                    fill="white"
                ></path>
            </g>
            <defs>
                <clipPath id="CelsiusBadge_a">
                    <rect
                        width="18"
                        height="18"
                        fill="white"
                        transform="translate(3 3)"
                    ></rect>
                </clipPath>
            </defs>
        </>
    ),
})
