icons.tsx

export function superHero(size: number) {
    return (
        <svg width={size} height={size} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#A0041E" d="M17.992 36h17s-.067-3.204-1.554-5.579c-3.91-6.242-15.446.579-15.446.579v5z" /><path fill="#A0041E" d="M18 36H1s.067-3.204 1.554-5.579C6.465 24.179 18 31 18 31v5z" /><path fill="#55ACEE" d="M27.992 29H8c-3 0-4.952 3.5-4 7h27.992c.953-3.5-1-7-4-7z" /><path fill="#FFDC5D" d="M14.269 30.041c1.466 1.065 2.964.98 3.672.98s2.194.085 3.66-.98v-5.664h-7.332v5.664z" /><path fill="#F9CA55" d="M14.264 25.179c1.022 1.155 2.29 1.468 3.668 1.468 1.379 0 2.647-.312 3.67-1.468v-2.936h-7.338v2.936z" /><path fill="#FFAC33" d="M21.69 2.615c-1.904-.616-6.384-.448-7.504 1.008-2.912.056-6.328 2.688-6.776 6.16-.443 3.437.545 5.032.896 7.616.398 2.928 2.044 3.864 3.36 4.256 1.893 2.501 3.906 2.394 7.285 2.394 6.599 0 9.742-4.415 10.02-11.915.168-4.535-2.494-7.971-7.281-9.519z" /><path fill="#FFDC5D" d="M25.464 12.456c-.639-.884-1.456-1.596-3.248-1.848.672.308 1.316 1.372 1.4 1.96.084.588.168 1.064-.364.476-2.131-2.356-4.452-1.428-6.753-2.867-1.607-1.005-2.096-2.117-2.096-2.117s-.196 1.484-2.632 2.996c-.706.438-1.549 1.415-2.016 2.856-.336 1.036-.232 1.96-.232 3.539 0 4.609 3.799 8.485 8.485 8.485s8.485-3.909 8.485-8.485c-.001-2.867-.301-3.987-1.029-4.995z" /><path fill="#C1694F" d="M17.887 23.543c-1.606 0-2.447-.794-2.537-.885-.268-.267-.268-.7 0-.967.266-.265.692-.267.961-.007.035.032.551.491 1.576.491 1.038 0 1.555-.473 1.576-.492.273-.256.703-.248.963.02.26.269.26.691-.004.955-.09.091-.93.885-2.535.885" /><path fill="#269" d="M24.523 13c-2.796 0-4.66.857-6.523.857S14.272 13 11.477 13c-2.796 0-.932 4.903 0 5.76s4.66-.857 6.523-.857 5.591 1.714 6.523.857 2.796-5.76 0-5.76z" /><path fill="#88C9F9" d="M14.5 17.269c-.465 0-.846-.381-.846-.847v-.845c0-.465.381-.846.846-.846.466 0 .847.381.847.846v.845c-.001.466-.382.847-.847.847m7 0c-.465 0-.846-.381-.846-.847v-.845c0-.465.381-.846.846-.846.465 0 .846.381.846.846v.845c0 .466-.381.847-.846.847" /><path fill="#C1694F" d="M18.777 20.5h-1.69c-.233 0-.423-.19-.423-.423v-.153c0-.233.189-.424.423-.424h1.69c.233 0 .424.19.424.424v.153c0 .233-.19.423-.424.423" /><path fill="#DD2E44" d="M24.056 36c-1.211-1.194-3.466-2-6.056-2s-4.845.806-6.056 2h12.112zM18 31.022S13 31 11 32c0 0-1.319-2.978-3.703-3.325-2.955-.43-4.742 1.746-4.742 1.746s.884-1.785 2.915-2.796c1.968-.979 4.038.075 4.038.075s1.2-.739 2.2-.739c1.066 0 2.095.094 2.667.914.719 1.031 2.625 3.147 3.625 3.147z" /><path fill="#DD2E44" d="M17.992 31.022s5-.022 7 .978c0 0 1.319-2.978 3.703-3.325 2.955-.43 4.742 1.746 4.742 1.746s-.884-1.785-2.915-2.796c-1.968-.979-4.038.074-4.038.074s-1.2-.739-2.2-.739c-1.066 0-2.095.094-2.667.914-.718 1.032-2.625 3.148-3.625 3.148z" /></svg>
    )
}

export function TwitterSVG(boxSize: number, fillColor: string) {

    return (

        <svg xmlns="http://www.w3.org/2000/svg" width={boxSize} height={boxSize} fill={fillColor} viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></svg>
    )
}

export function DiscordSVG(boxSize: number, fillColor: string, style?: any) {
    return (
        <svg width={boxSize} style={style} height={boxSize} viewBox="0 0 25 25" fillRule="evenodd" clipRule="evenodd"><path d="M19.54 0c1.356 0 2.46 1.104 2.46 2.472v21.528l-2.58-2.28-1.452-1.344-1.536-1.428.636 2.22h-13.608c-1.356 0-2.46-1.104-2.46-2.472v-16.224c0-1.368 1.104-2.472 2.46-2.472h16.08zm-4.632 15.672c2.652-.084 3.672-1.824 3.672-1.824 0-3.864-1.728-6.996-1.728-6.996-1.728-1.296-3.372-1.26-3.372-1.26l-.168.192c2.04.624 2.988 1.524 2.988 1.524-1.248-.684-2.472-1.02-3.612-1.152-.864-.096-1.692-.072-2.424.024l-.204.024c-.42.036-1.44.192-2.724.756-.444.204-.708.348-.708.348s.996-.948 3.156-1.572l-.12-.144s-1.644-.036-3.372 1.26c0 0-1.728 3.132-1.728 6.996 0 0 1.008 1.74 3.66 1.824 0 0 .444-.54.804-.996-1.524-.456-2.1-1.416-2.1-1.416l.336.204.048.036.047.027.014.006.047.027c.3.168.6.3.876.408.492.192 1.08.384 1.764.516.9.168 1.956.228 3.108.012.564-.096 1.14-.264 1.74-.516.42-.156.888-.384 1.38-.708 0 0-.6.984-2.172 1.428.36.456.792.972.792.972zm-5.58-5.604c-.684 0-1.224.6-1.224 1.332 0 .732.552 1.332 1.224 1.332.684 0 1.224-.6 1.224-1.332.012-.732-.54-1.332-1.224-1.332zm4.38 0c-.684 0-1.224.6-1.224 1.332 0 .732.552 1.332 1.224 1.332.684 0 1.224-.6 1.224-1.332 0-.732-.54-1.332-1.224-1.332z" /></svg>
    )
}

export function FacebookSVG(boxSize: number, fillColor: string) {

    return (

        <svg id="svg-icon" fill={fillColor} xmlns="http://www.w3.org/2000/svg" viewBox={`0 0 ${boxSize} ${boxSize}`}>
            <path d="M17.525,9H14V7c0-1.032,0.084-1.682,1.563-1.682h1.868v-3.18C16.522,2.044,15.608,1.998,14.693,2 C11.98,2,10,3.657,10,6.699V9H7v4l3-0.001V22h4v-9.003l3.066-0.001L17.525,9z" />
        </svg>

    )

}