import React , { Ref , SVGAttributes , forwardRef } from 'react' ; export const Dribbble = forwardRef ( ( props , ref ) => { return ( < svg viewBox = "0 0 24 24" ref = { ref } { ... props } > < path d = "M14.808 12.828A25.836 25.836 0 0116.05 18.3a7.51 7.51 0 002.322-2.358c.6-.96.96-1.998 1.08-3.114-.876-.06-1.674-.09-2.394-.09-.66 0-1.41.03-2.25.09m-1.062-2.718c.18.384.384.87.612 1.458a30.892 30.892 0 012.898-.126c.744 0 1.482.018 2.214.054-.096-1.632-.684-3.084-1.764-4.356-.78 1.164-2.1 2.154-3.96 2.97m-3.582-5.364c1.056 1.092 2.034 2.454 2.934 4.086 1.632-.684 2.862-1.554 3.69-2.61C15.396 5.07 13.8 4.494 12 4.494c-.612 0-1.224.084-1.836.252M7.41 17.922c1.356 1.056 2.886 1.584 4.59 1.584.888 0 1.77-.168 2.646-.504a26.431 26.431 0 00-1.404-5.958c-1.104.24-2.217.846-3.339 1.818-1.122.972-1.953 1.992-2.493 3.06m-2.682-7.776c.264.024.654.036 1.17.036 2.004 0 3.906-.27 5.706-.81-.912-1.62-1.914-2.97-3.006-4.05A7.307 7.307 0 006.159 7.32a7.685 7.685 0 00-1.431 2.826M4.494 12c0 1.872.63 3.522 1.89 4.95.576-1.128 1.488-2.202 2.736-3.222 1.248-1.02 2.466-1.662 3.654-1.926-.18-.42-.354-.798-.522-1.134-2.064.66-4.296.99-6.696.99-.468 0-.816-.006-1.044-.018 0 .048-.003.108-.009.18a2.239 2.239 0 00-.009.18M3 12c0-1.632.402-3.138 1.206-4.518a8.936 8.936 0 013.276-3.276A8.816 8.816 0 0112 3c1.632 0 3.138.402 4.518 1.206a8.936 8.936 0 013.276 3.276A8.816 8.816 0 0121 12a8.816 8.816 0 01-1.206 4.518 8.936 8.936 0 01-3.276 3.276A8.816 8.816 0 0112 21a8.816 8.816 0 01-4.518-1.206 8.936 8.936 0 01-3.276-3.276A8.816 8.816 0 013 12" fill = "#474747" / > < /svg>); } ) ;