import * as React from "react" ; import { colors } from "../colors" ; export const ArticleSignPanelIcon = props => { return ( < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" > < g fill = "none" fillRule = "evenodd" opacity = ".3" > < path d = "m0 0h20v20h-20z" / > < g fill = { colors . primary . BLACK } fillRule = "nonzero" transform = "translate(1.667 1.667)" > < path d = "m8.33333333 0c-4.6 0-8.33333333 3.73333333-8.33333333 8.33333333 0 4.59999997 3.73333333 8.33333337 8.33333333 8.33333337 4.59999997 0 8.33333337-3.7333334 8.33333337-8.33333337 0-4.6-3.7333334-8.33333333-8.33333337-8.33333333zm-4.10833333 13.5666667c.35833333-.75 2.54166667-1.4833334 4.10833333-1.4833334 1.56666667 0 3.75833337.7333334 4.10833337 1.4833334-1.1333334.9-2.55833337 1.4333333-4.10833337 1.4333333s-2.975-.5333333-4.10833333-1.4333333zm9.4083333-1.2083334c-1.1916666-1.45-4.0833333-1.9416666-5.29999997-1.9416666-1.21666666 0-4.10833333.4916666-5.3 1.9416666-.85-1.1166666-1.36666666-2.5083333-1.36666666-4.02499997 0-3.675 2.99166666-6.66666666 6.66666666-6.66666666 3.67499997 0 6.66666667 2.99166666 6.66666667 6.66666666 0 1.51666667-.5166667 2.90833337-1.3666667 4.02499997z" / > < path d = "m8.33333333 3.33333333c-1.61666666 0-2.91666666 1.3-2.91666666 2.91666667s1.3 2.91666667 2.91666666 2.91666667c1.61666667 0 2.91666667-1.3 2.91666667-2.91666667s-1.3-2.91666667-2.91666667-2.91666667zm0 4.16666667c-.69166666 0-1.25-.55833333-1.25-1.25s.55833334-1.25 1.25-1.25c.69166667 0 1.25.55833333 1.25 1.25s-.55833333 1.25-1.25 1.25z" / > < /g> < /g> < /svg>); } ;