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

export const DockDock = createIcon({
    path: (
        <>
            <path
                d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                fill="#786DBC"
            ></path>
            <path
                d="M11.9568 8.73189L10.9387 7.71126C10.8016 7.58015 10.7223 7.39995 10.718 7.2103C10.7138 7.02065 10.7851 6.8371 10.9162 6.70001C11.0473 6.56293 11.2275 6.48355 11.4172 6.47933C11.6068 6.47511 11.7904 6.5464 11.9275 6.67751L11.9512 6.70126L14.2237 8.97376C14.5031 9.25314 14.5031 9.70501 14.2237 9.98439L11.9487 12.2569C11.8137 12.3857 11.6337 12.4565 11.4472 12.4543C11.2607 12.4522 11.0824 12.3771 10.9504 12.2452C10.8185 12.1132 10.7435 11.935 10.7413 11.7484C10.7391 11.5619 10.8099 11.3819 10.9387 11.2469L12.0056 10.18C11.2868 10.0531 10.5464 10.1503 9.88467 10.4584C9.22296 10.7664 8.67194 11.2704 8.3063 11.9022C7.94066 12.5339 7.77807 13.2627 7.84056 13.9899C7.90306 14.7172 8.18761 15.4076 8.65567 15.9677C9.12372 16.5277 9.75265 16.9304 10.4572 17.121C11.1618 17.3117 11.9079 17.2811 12.5945 17.0334C13.2811 16.7858 13.875 16.333 14.2957 15.7366C14.7163 15.1401 14.9434 14.4287 14.9462 13.6988V5.83876C14.9462 5.6493 15.0215 5.4676 15.1555 5.33363C15.2894 5.19965 15.4711 5.12439 15.6606 5.12439C15.8501 5.12439 16.0318 5.19965 16.1657 5.33363C16.2997 5.4676 16.375 5.6493 16.375 5.83876V13.7944C16.355 14.8037 16.03 15.7833 15.4428 16.6043C14.8555 17.4254 14.0335 18.0495 13.0848 18.3945C12.1361 18.7395 11.1052 18.7893 10.1277 18.5373C9.15019 18.2853 8.27185 17.7433 7.60823 16.9826C6.9446 16.2219 6.52677 15.2782 6.40969 14.2755C6.29261 13.2728 6.48177 12.2582 6.95228 11.3651C7.4228 10.472 8.15263 9.74221 9.04578 9.27177C9.93893 8.80132 10.9536 8.61224 11.9562 8.72939L11.9568 8.73189Z"
                fill="white"
            ></path>
        </>
    ),
})
