render() { return ( <svg className={`icon icon--all ${this.props.className}`} viewBox={this.getViewBox()}> <polygon points="52,20.6 48.6,14.7 33.4,24 33.4,8.7 26.6,8.7 26.6,24 11.4,14.7 8,20.6 23.4,30 8,39.4 11.4,45.3 26.6,36 26.6,51.3 33.4,51.3 33.4,36 48.6,45.3 52,39.4 36.6,30 " /> </svg> ); }
render() { return ( <svg className={`icon icon--clipboard ${this.props.className}`} viewBox={this.getViewBox()}> <path d="M40.23,8.2H35.3v-2a2.46,2.46,0,0,0-2.47-2.47H27.91a2.47,2.47,0,0,0-2.47,2.47v2H20.51A2.47,2.47,0,0,0,18,10.66v4.27H42.7V10.66A2.47,2.47,0,0,0,40.23,8.2Z" /> <rect x="18.05" y="31.07" width="24.65" height="5.19" /> <rect x="18.05" y="20.69" width="24.65" height="5.19" /> <rect x="18.05" y="41.45" width="24.65" height="5.19" /> <polygon points="43.93 11.47 43.93 13.94 47.63 13.94 47.63 53.38 13.12 53.38 13.12 13.94 16.81 13.94 16.81 11.47 10.65 11.47 10.65 55.85 50.1 55.85 50.1 11.47 43.93 11.47" /> </svg> ); }
render() { return ( <svg className={`icon icon--download ${this.props.className}`} viewBox={this.getViewBox()}> <rect x="28.2" width="3.7" height="55.5" /> <polygon points="30,60 11.8,32.7 14.9,30.7 30,53.3 45.1,30.7 48.2,32.7 " /> </svg> ); }
render() { return ( <svg className={`icon icon--circle-checkmark ${this.props.className}`} viewBox={this.getViewBox()}> <path fillOpacity="0.05" d="M30,0A30,30,0,1,1,0,30,30,30,0,0,1,30,0Z" /> <path fillOpacity="0.2" d="M30,0A30,30,0,1,0,60,30,30,30,0,0,0,30,0Zm0,56.47A26.47,26.47,0,1,1,56.47,30,26.47,26.47,0,0,1,30,56.47Z" /> <polygon points="43.93 19.51 27.64 35.46 19.07 27.07 16.5 29.58 27.64 40.5 46.5 22.03 43.93 19.51" /> </svg> ); }
render() { return ( <svg className={`icon icon--clock ${this.props.className}`} viewBox={this.getViewBox()}> <path d="M30,6A24,24,0,0,1,47,47,24,24,0,0,1,13,13,23.85,23.85,0,0,1,30,6m0-6A30,30,0,1,0,51.21,8.79,29.91,29.91,0,0,0,30,0h0Z" /> <polygon points="26.85 46.91 21.18 44.09 28.58 29.21 17.93 22.93 21.14 17.48 36.88 26.75 26.85 46.91" /> </svg> ); }
render() { return ( <svg className={`icon icon--completed ${this.props.className}`} viewBox={this.getViewBox()}> <polygon points="55.5,18.6 46.1,8.7 24.4,31.5 13.9,20.4 4.5,30.3 24.4,51.3 24.4,51.3 24.4,51.3" /> </svg> ); }
render() { return ( <svg className={`icon icon--download ${this.props.className}`} viewBox={this.getViewBox()}> <polygon points="44.1,23 33,39.7 33,4.6 27,4.6 27,39.7 15.9,23 10.9,26.4 30,55 49.1,26.4 " /> </svg> ); }
render() { return ( <svg className={`icon icon--chevron-right ${this.props.className}`} viewBox={this.getViewBox()}> <polygon points="18.66 58.8 12.65 52.79 35.4 30.04 12.58 7.21 18.59 1.2 47.42 30.04 18.66 58.8" /> </svg> ); }
render() { return ( <svg className={`icon icon--close ${this.props.className}`} viewBox={this.getViewBox()}> <polygon points="52.5 14.48 45.52 7.5 30 23.02 14.48 7.5 7.5 14.48 23.02 30 7.51 45.52 14.48 52.5 30 36.98 45.52 52.5 52.5 45.52 36.98 30 52.5 14.48" /> </svg> ); }
render() { return ( <svg className={`icon icon--chevron-left ${this.props.className}`} viewBox={this.getViewBox()}> <polygon points="41.34 1.2 47.35 7.21 24.6 29.96 47.42 52.79 41.41 58.8 12.58 29.96 41.34 1.2" /> </svg> ); }
render() { return ( <svg className={`icon icon--upload ${this.props.className}`} viewBox={this.getViewBox()}> <rect x="28.2" y="4.5" width="3.7" height="55.5" /> <polygon points="30,0 48.2,27.3 45.1,29.3 30,6.7 14.9,29.3 11.8,27.3 " /> </svg> ); }
render() { return ( <svg className={`icon icon--upload ${this.props.className}`} viewBox={this.getViewBox()}> <polygon points="15.9,36.6 27,19.9 27,55 33,55 33,19.9 44.1,36.6 49.1,33.3 30,4.6 10.9,33.3 " /> </svg> ); }
render() { return ( <svg className={`icon icon--addmini ${this.props.className}`} viewBox={this.getViewBox()}> <polygon points="8,3.5 4.5,3.5 4.5,0 3.5,0 3.5,3.5 0,3.5 0,4.5 3.5,4.5 3.5,8 4.5,8 4.5,4.5 8,4.5" /> </svg> ); }
render() { return ( <svg className={`icon icon--calendar icon--calendar--created ${this.props.className}`} viewBox={this.getViewBox()}> <path d="M48,9.39V1.15H36V9.39H24.1V1.15h-12V9.39H4V58.85H56V9.39ZM40,5.29h4v7.28H40Zm-23.93,0h4v7.28h-4Zm33.38,48H9.9V16.91H49.5Z" /> <polygon points="42.88 32 33 32 33 22.12 27 22.12 27 32 17.12 32 17.12 38 27 38 27 47.88 33 47.88 33 38 42.88 38 42.88 32" /> </svg> ); }
render() { return ( <svg className={`icon icon--checkmark ${this.props.className}`} viewBox={this.getViewBox()}> <polygon points="55.5,18.6 46.1,8.7 24.4,31.5 13.9,20.4 4.5,30.3 24.4,51.3 24.4,51.3 24.4,51.3" /> </svg> ); }