import * as React from "react" ; import { colors } from "../colors" ; export const CCSecurityCodeIcon = props => { return ( < svg height = "20" viewBox = "0 0 28 20" width = "28" xmlns = "http://www.w3.org/2000/svg" > < g fill = "none" fillRule = "evenodd" > < path d = "m-2 1h32v20h-32z" / > < g transform = "translate(2 2)" > < rect fill = "#ddd" height = "14" rx = "1.5" width = "21" y = "2" / > < path d = "m0 5h21v2h-21z" fill = "#b4b4b4" / > < rect fill = { colors . basic . WHITE } height = "2" rx = "1" width = "17" x = "2" y = "9" / > < circle cx = "19" cy = "5" fill = "#565656" r = "5" / > < path d = "m17.5983957 6.65187166h-2.2159091v-.54224599h.8342246v-2.5078877l-.7508021.48489305-.2659091-.44318182.975-.63088236h.6830214v3.09705883h.7403743zm.9176471-2.15334225h.3180481c.323262 0 .5318182-.17727273.5318182-.44839572v-.1407754c0-.26069519-.1720588-.4223262-.4640374-.4223262-.2971926 0-.5057487.1512032-.6673797.43275401l-.4171123-.36497327c.2346256-.37540107.6152406-.60481283 1.1209893-.60481283.6725936 0 1.0949198.30240642 1.0949198.94371658 0 .43796791-.2346257.74558823-.6204546.81858289v.07820855c.4483957.06256685.6882353.34933155.6882353.81336899 0 .68823529-.4588235 1.11056149-1.2148396 1.11056149-.5266042 0-.9280748-.22941176-1.1835561-.67259358l.4744652-.35975936c.1720589.33890374.3910428.49532086.703877.49532086.3441177 0 .5474599-.19812835.5474599-.50574867v-.1459893c0-.30240642-.2189839-.49532086-.5995989-.49532086h-.3128342zm4.2910428-1.48596257v.5474599h-1.465107l-.0834225 1.27740642h.0782086c.0834225-.31283423.3076203-.52139038.6830214-.52139038.594385 0 .9802139.35975936.9802139 1.14184492 0 .80294118-.4223262 1.2565508-1.2304813 1.2565508-.5213904 0-.9228609-.23462567-1.1470588-.66737968l.4692513-.36497326c.1459893.30240642.3754011.49532086.6882353.49532086.3441177 0 .5370321-.18770054.5370321-.57874332v-.17727273c0-.39104278-.1929144-.57874331-.5370321-.57874331-.21377 0-.3910428.09906417-.5109625.2815508l-.5526738-.07299465.1251337-2.03863637z" fill = { colors . basic . WHITE } fillRule = "nonzero" / > < /g> < /g> < /svg>); } ;