@dsgngo/common-icons 1.0.0

package/src/icons-ui-profile.js

@@ -0,0 +1,165 @@
+function IconUser(props) {
+	return (
+
+		<div className={`icon fill icon-user ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M28.8651 26.5C26.9613 23.2087 24.0276 20.8487 20.6038 19.73C22.2974 18.7218 23.6132 17.1856 24.3491 15.3572C25.0851 13.5289 25.2005 11.5095 24.6777 9.60918C24.1548 7.70887 23.0227 6.03272 21.4551 4.83814C19.8874 3.64355 17.971 2.99658 16.0001 2.99658C14.0292 2.99658 12.1128 3.64355 10.5451 4.83814C8.9775 6.03272 7.84534 7.70887 7.32252 9.60918C6.7997 11.5095 6.91513 13.5289 7.65108 15.3572C8.38703 17.1856 9.7028 18.7218 11.3963 19.73C7.97259 20.8475 5.03884 23.2075 3.13509 26.5C3.06528 26.6138 3.01897 26.7405 2.99891 26.8725C2.97884 27.0045 2.98541 27.1392 3.01825 27.2687C3.05108 27.3981 3.10951 27.5197 3.19008 27.6262C3.27066 27.7326 3.37174 27.8219 3.48738 27.8887C3.60301 27.9555 3.73085 27.9985 3.86335 28.015C3.99586 28.0316 4.13034 28.0215 4.25887 27.9853C4.3874 27.949 4.50737 27.8874 4.6117 27.8041C4.71604 27.7207 4.80262 27.6173 4.86634 27.5C7.22134 23.43 11.3838 21 16.0001 21C20.6163 21 24.7788 23.43 27.1338 27.5C27.1976 27.6173 27.2842 27.7207 27.3885 27.8041C27.4928 27.8874 27.6128 27.949 27.7413 27.9853C27.8698 28.0215 28.0043 28.0316 28.1368 28.015C28.2693 27.9985 28.3972 27.9555 28.5128 27.8887C28.6284 27.8219 28.7295 27.7326 28.8101 27.6262C28.8907 27.5197 28.9491 27.3981 28.9819 27.2687C29.0148 27.1392 29.0213 27.0045 29.0013 26.8725C28.9812 26.7405 28.9349 26.6138 28.8651 26.5ZM9.00009 12C9.00009 10.6155 9.41064 9.26214 10.1798 8.11099C10.949 6.95985 12.0422 6.06264 13.3213 5.53283C14.6004 5.00301 16.0079 4.86439 17.3657 5.13449C18.7236 5.40458 19.9709 6.07127 20.9498 7.05023C21.9288 8.0292 22.5955 9.27648 22.8656 10.6344C23.1357 11.9922 22.9971 13.3997 22.4673 14.6788C21.9374 15.9578 21.0402 17.0511 19.8891 17.8203C18.7379 18.5894 17.3846 19 16.0001 19C14.1442 18.998 12.3649 18.2599 11.0525 16.9475C9.74022 15.6352 9.00208 13.8559 9.00009 12Z"/>
+			</svg>		
+		</div>
+
+	)
+}
+
+function IconUserRole(props) {
+	return (
+
+		<div className={`icon fill icon-user-role ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM16 27C13.8244 27 11.6977 26.3549 9.88873 25.1462C8.07979 23.9375 6.66989 22.2195 5.83733 20.2095C5.00477 18.1995 4.78693 15.9878 5.21137 13.854C5.63581 11.7202 6.68345 9.7602 8.22183 8.22183C9.76021 6.68345 11.7202 5.6358 13.854 5.21136C15.9878 4.78692 18.1995 5.00476 20.2095 5.83733C22.2195 6.66989 23.9375 8.07979 25.1462 9.88873C26.3549 11.6977 27 13.8244 27 16C26.9967 18.9164 25.8367 21.7123 23.7745 23.7745C21.7123 25.8367 18.9164 26.9967 16 27ZM13 13.5C13 13.7967 12.912 14.0867 12.7472 14.3334C12.5824 14.58 12.3481 14.7723 12.074 14.8858C11.7999 14.9994 11.4983 15.0291 11.2074 14.9712C10.9164 14.9133 10.6491 14.7704 10.4393 14.5607C10.2296 14.3509 10.0867 14.0836 10.0288 13.7926C9.97095 13.5017 10.0007 13.2001 10.1142 12.926C10.2277 12.6519 10.42 12.4176 10.6667 12.2528C10.9133 12.088 11.2033 12 11.5 12C11.8978 12 12.2794 12.158 12.5607 12.4393C12.842 12.7206 13 13.1022 13 13.5ZM22 13.5C22 13.7967 21.912 14.0867 21.7472 14.3334C21.5824 14.58 21.3481 14.7723 21.074 14.8858C20.7999 14.9994 20.4983 15.0291 20.2074 14.9712C19.9164 14.9133 19.6491 14.7704 19.4393 14.5607C19.2296 14.3509 19.0867 14.0836 19.0288 13.7926C18.971 13.5017 19.0007 13.2001 19.1142 12.926C19.2277 12.6519 19.42 12.4176 19.6667 12.2528C19.9133 12.088 20.2033 12 20.5 12C20.8978 12 21.2794 12.158 21.5607 12.4393C21.842 12.7206 22 13.1022 22 13.5Z"/>
+			</svg>		
+		</div>
+
+	)
+}
+
+function IconUserGroup(props) {
+	return (
+
+		<div className={`icon fill icon-user-group ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M30.5999 18.7999C30.4948 18.8787 30.3753 18.936 30.2481 18.9686C30.1209 19.0012 29.9885 19.0084 29.8585 18.9898C29.7285 18.9713 29.6034 18.9273 29.4904 18.8604C29.3774 18.7935 29.2787 18.705 29.1999 18.5999C28.5972 17.7897 27.8126 17.1324 26.9094 16.6808C26.0063 16.2292 25.0097 15.996 23.9999 15.9999C23.8032 15.9999 23.611 15.9419 23.4471 15.8332C23.2833 15.7244 23.1551 15.5698 23.0786 15.3886C23.0267 15.2656 23 15.1334 23 14.9999C23 14.8664 23.0267 14.7342 23.0786 14.6111C23.1551 14.43 23.2833 14.2754 23.4471 14.1666C23.611 14.0579 23.8032 13.9999 23.9999 13.9999C24.561 13.9998 25.1108 13.8424 25.5869 13.5456C26.063 13.2487 26.4464 12.8243 26.6934 12.3204C26.9403 11.8166 27.0411 11.2537 26.9841 10.6955C26.9272 10.1373 26.7149 9.60624 26.3713 9.16268C26.0276 8.71911 25.5665 8.3808 25.0403 8.18617C24.514 7.99154 23.9437 7.94839 23.3942 8.06163C22.8446 8.17486 22.3379 8.43994 21.9314 8.82676C21.525 9.21358 21.2352 9.70662 21.0949 10.2499C21.0621 10.3771 21.0045 10.4966 20.9255 10.6016C20.8465 10.7066 20.7475 10.7949 20.6344 10.8617C20.5212 10.9284 20.396 10.9722 20.2659 10.9906C20.1358 11.0089 20.0034 11.0015 19.8761 10.9686C19.7489 10.9358 19.6294 10.8783 19.5244 10.7992C19.4195 10.7202 19.3311 10.6213 19.2644 10.5081C19.1976 10.395 19.1538 10.2697 19.1355 10.1397C19.1171 10.0096 19.1246 9.87712 19.1574 9.7499C19.3521 8.99654 19.7199 8.29902 20.2316 7.71284C20.7433 7.12665 21.3848 6.66799 22.1049 6.37334C22.8251 6.07868 23.6041 5.95618 24.3799 6.01556C25.1558 6.07495 25.9071 6.31459 26.574 6.71541C27.2409 7.11624 27.8051 7.66719 28.2216 8.32442C28.6381 8.98165 28.8955 9.72703 28.9733 10.5012C29.0511 11.2755 28.9471 12.0571 28.6696 12.7841C28.3921 13.511 27.9488 14.1632 27.3749 14.6886C28.7347 15.2774 29.9167 16.2117 30.8036 17.3986C30.8824 17.504 30.9397 17.6238 30.9721 17.7513C31.0045 17.8788 31.0114 18.0114 30.9925 18.1415C30.9736 18.2717 30.9291 18.3969 30.8618 18.5098C30.7944 18.6228 30.7054 18.7214 30.5999 18.7999ZM23.8649 26.4999C23.9372 26.6137 23.9858 26.741 24.0077 26.8741C24.0296 27.0072 24.0243 27.1433 23.9923 27.2743C23.9602 27.4053 23.9019 27.5284 23.821 27.6363C23.7401 27.7442 23.6382 27.8346 23.5214 27.9021C23.4047 27.9696 23.2754 28.0128 23.1416 28.0291C23.0077 28.0453 22.8719 28.0343 22.7424 27.9968C22.6128 27.9592 22.4922 27.8958 22.3878 27.8104C22.2834 27.725 22.1974 27.6194 22.1349 27.4999C21.5049 26.4332 20.6078 25.5492 19.5319 24.9352C18.4561 24.3211 17.2387 23.9981 15.9999 23.9981C14.7611 23.9981 13.5437 24.3211 12.4679 24.9352C11.392 25.5492 10.4948 26.4332 9.86489 27.4999C9.80238 27.6194 9.71633 27.725 9.61194 27.8104C9.50755 27.8958 9.38696 27.9592 9.25743 27.9968C9.1279 28.0343 8.99211 28.0453 8.85822 28.0291C8.72434 28.0128 8.59513 27.9696 8.47836 27.9021C8.3616 27.8346 8.25969 27.7442 8.17878 27.6363C8.09786 27.5284 8.03961 27.4053 8.00752 27.2743C7.97543 27.1433 7.97018 27.0072 7.99206 26.8741C8.01395 26.741 8.06254 26.6137 8.13489 26.4999C9.10439 24.8341 10.5826 23.5232 12.3524 22.7599C11.3566 21.9974 10.6247 20.9421 10.2596 19.7422C9.89461 18.5423 9.91477 17.2581 10.3173 16.0703C10.7198 14.8824 11.4844 13.8506 12.5037 13.1197C13.523 12.3889 14.7457 11.9959 15.9999 11.9959C17.2541 11.9959 18.4768 12.3889 19.4961 13.1197C20.5153 13.8506 21.28 14.8824 21.6825 16.0703C22.085 17.2581 22.1052 18.5423 21.7401 19.7422C21.3751 20.9421 20.6432 21.9974 19.6474 22.7599C21.4171 23.5232 22.8954 24.8341 23.8649 26.4999ZM15.9999 21.9999C16.791 21.9999 17.5644 21.7653 18.2222 21.3258C18.88 20.8863 19.3927 20.2615 19.6954 19.5306C19.9982 18.7997 20.0774 17.9955 19.923 17.2195C19.7687 16.4436 19.3877 15.7309 18.8283 15.1715C18.2689 14.6121 17.5562 14.2311 16.7803 14.0768C16.0043 13.9224 15.2001 14.0016 14.4692 14.3044C13.7383 14.6071 13.1135 15.1198 12.674 15.7776C12.2345 16.4354 11.9999 17.2088 11.9999 17.9999C11.9999 19.0608 12.4213 20.0782 13.1715 20.8283C13.9216 21.5785 14.939 21.9999 15.9999 21.9999ZM8.99989 14.9999C8.99989 14.7347 8.89453 14.4803 8.707 14.2928C8.51946 14.1053 8.26511 13.9999 7.99989 13.9999C7.4388 13.9998 6.88897 13.8424 6.41285 13.5456C5.93673 13.2487 5.55341 12.8243 5.30643 12.3204C5.05945 11.8166 4.9587 11.2537 5.01564 10.6955C5.07258 10.1373 5.28491 9.60624 5.62853 9.16268C5.97214 8.71911 6.43326 8.3808 6.95952 8.18617C7.48577 7.99154 8.05605 7.94839 8.6056 8.06163C9.15514 8.17486 9.66192 8.43994 10.0684 8.82676C10.4748 9.21358 10.7646 9.70662 10.9049 10.2499C10.9712 10.5068 11.1368 10.7269 11.3654 10.8617C11.594 10.9965 11.8667 11.035 12.1236 10.9686C12.3806 10.9023 12.6006 10.7367 12.7354 10.5081C12.8702 10.2796 12.9087 10.0068 12.8424 9.7499C12.6477 8.99654 12.2799 8.29902 11.7682 7.71284C11.2564 7.12665 10.615 6.66799 9.89483 6.37334C9.17467 6.07868 8.39568 5.95618 7.61984 6.01556C6.844 6.07495 6.09273 6.31459 5.4258 6.71541C4.75887 7.11624 4.1947 7.66719 3.77817 8.32442C3.36164 8.98165 3.10425 9.72703 3.02648 10.5012C2.94871 11.2755 3.05271 12.0571 3.3302 12.7841C3.60769 13.511 4.05101 14.1632 4.62489 14.6886C3.26649 15.278 2.08578 16.2122 1.19989 17.3986C1.0406 17.6108 0.972109 17.8776 1.0095 18.1403C1.04689 18.4029 1.18709 18.64 1.39927 18.7993C1.61144 18.9586 1.8782 19.0271 2.14087 18.9897C2.40354 18.9523 2.6406 18.8121 2.79989 18.5999C3.40262 17.7897 4.18716 17.1324 5.09034 16.6808C5.99352 16.2292 6.99011 15.996 7.99989 15.9999C8.26511 15.9999 8.51946 15.8945 8.707 15.707C8.89453 15.5195 8.99989 15.2651 8.99989 14.9999Z"/>
+			</svg>		
+		</div>
+
+	)
+}
+
+function IconReg(props) {
+	return (
+
+		<div className={`icon fill icon-reg ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M31.9999 17.0001C31.9999 17.2653 31.8946 17.5197 31.707 17.7072C31.5195 17.8948 31.2651 18.0001 30.9999 18.0001H28.9999V20.0001C28.9999 20.2653 28.8946 20.5197 28.707 20.7072C28.5195 20.8948 28.2651 21.0001 27.9999 21.0001C27.7347 21.0001 27.4803 20.8948 27.2928 20.7072C27.1053 20.5197 26.9999 20.2653 26.9999 20.0001V18.0001H24.9999C24.7347 18.0001 24.4803 17.8948 24.2928 17.7072C24.1053 17.5197 23.9999 17.2653 23.9999 17.0001C23.9999 16.7349 24.1053 16.4805 24.2928 16.293C24.4803 16.1055 24.7347 16.0001 24.9999 16.0001H26.9999V14.0001C26.9999 13.7349 27.1053 13.4805 27.2928 13.293C27.4803 13.1055 27.7347 13.0001 27.9999 13.0001C28.2651 13.0001 28.5195 13.1055 28.707 13.293C28.8946 13.4805 28.9999 13.7349 28.9999 14.0001V16.0001H30.9999C31.2651 16.0001 31.5195 16.1055 31.707 16.293C31.8946 16.4805 31.9999 16.7349 31.9999 17.0001ZM24.7662 24.3564C24.9369 24.5596 25.0199 24.8223 24.9969 25.0867C24.974 25.3512 24.8469 25.5956 24.6437 25.7664C24.4404 25.9371 24.1777 26.0201 23.9133 25.9971C23.6489 25.9742 23.4044 25.8471 23.2337 25.6439C20.7187 22.6489 17.2612 21.0001 13.4999 21.0001C9.73867 21.0001 6.28117 22.6489 3.76617 25.6439C3.59544 25.8469 3.35103 25.9738 3.08672 25.9967C2.82241 26.0196 2.55985 25.9365 2.35679 25.7657C2.15374 25.595 2.02682 25.3506 2.00397 25.0863C1.98111 24.822 2.06419 24.5594 2.23492 24.3564C4.10242 22.1339 6.42492 20.5551 9.00617 19.7101C7.43855 18.7337 6.23157 17.2734 5.56784 15.55C4.9041 13.8265 4.81973 11.9338 5.32748 10.1582C5.83523 8.38254 6.90748 6.82057 8.38201 5.70859C9.85653 4.59661 11.6531 3.99512 13.4999 3.99512C15.3467 3.99512 17.1433 4.59661 18.6178 5.70859C20.0924 6.82057 21.1646 8.38254 21.6724 10.1582C22.1801 11.9338 22.0957 13.8265 21.432 15.55C20.7683 17.2734 19.5613 18.7337 17.9937 19.7101C20.5749 20.5551 22.8974 22.1339 24.7662 24.3564ZM13.4999 19.0001C14.7855 19.0001 16.0422 18.6189 17.1111 17.9047C18.18 17.1904 19.0132 16.1753 19.5051 14.9876C19.9971 13.7998 20.1258 12.4929 19.875 11.232C19.6242 9.97115 19.0052 8.81296 18.0961 7.90392C17.1871 6.99488 16.0289 6.37582 14.768 6.12501C13.5071 5.87421 12.2002 6.00293 11.0125 6.4949C9.82476 6.98687 8.8096 7.81999 8.09537 8.88891C7.38114 9.95783 6.99992 11.2145 6.99992 12.5001C7.0019 14.2234 7.68736 15.8756 8.90592 17.0941C10.1245 18.3127 11.7766 18.9981 13.4999 19.0001Z"/>
+			</svg>		
+		</div>
+
+	)
+}
+
+function IconLogout(props) {
+	return (
+
+		<div className={`icon fill icon-logout ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M15 27C15 27.2652 14.8946 27.5196 14.7071 27.7071C14.5196 27.8946 14.2652 28 14 28H6C5.73478 28 5.48043 27.8946 5.29289 27.7071C5.10536 27.5196 5 27.2652 5 27V5C5 4.73478 5.10536 4.48043 5.29289 4.29289C5.48043 4.10536 5.73478 4 6 4H14C14.2652 4 14.5196 4.10536 14.7071 4.29289C14.8946 4.48043 15 4.73478 15 5C15 5.26522 14.8946 5.51957 14.7071 5.70711C14.5196 5.89464 14.2652 6 14 6H7V26H14C14.2652 26 14.5196 26.1054 14.7071 26.2929C14.8946 26.4804 15 26.7348 15 27ZM28.7075 15.2925L23.7075 10.2925C23.5199 10.1049 23.2654 9.99944 23 9.99944C22.7346 9.99944 22.4801 10.1049 22.2925 10.2925C22.1049 10.4801 21.9994 10.7346 21.9994 11C21.9994 11.2654 22.1049 11.5199 22.2925 11.7075L25.5863 15H14C13.7348 15 13.4804 15.1054 13.2929 15.2929C13.1054 15.4804 13 15.7348 13 16C13 16.2652 13.1054 16.5196 13.2929 16.7071C13.4804 16.8946 13.7348 17 14 17H25.5863L22.2925 20.2925C22.1049 20.4801 21.9994 20.7346 21.9994 21C21.9994 21.2654 22.1049 21.5199 22.2925 21.7075C22.4801 21.8951 22.7346 22.0006 23 22.0006C23.2654 22.0006 23.5199 21.8951 23.7075 21.7075L28.7075 16.7075C28.8005 16.6146 28.8742 16.5043 28.9246 16.3829C28.9749 16.2615 29.0008 16.1314 29.0008 16C29.0008 15.8686 28.9749 15.7385 28.9246 15.6171C28.8742 15.4957 28.8005 15.3854 28.7075 15.2925Z"/>
+			</svg>		
+		</div>
+
+	)
+}
+
+function IconLogin(props) {
+	return (
+
+		<div className={`icon fill icon-login ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M17.7075 16.7075L12.7075 21.7075C12.6146 21.8004 12.5043 21.8741 12.3829 21.9244C12.2615 21.9747 12.1314 22.0006 12 22.0006C11.8686 22.0006 11.7385 21.9747 11.6171 21.9244C11.4957 21.8741 11.3854 21.8004 11.2925 21.7075C11.1996 21.6146 11.1259 21.5043 11.0756 21.3829C11.0253 21.2615 10.9994 21.1314 10.9994 21C10.9994 20.8686 11.0253 20.7385 11.0756 20.6171C11.1259 20.4957 11.1996 20.3854 11.2925 20.2925L14.5863 17H3C2.73478 17 2.48043 16.8946 2.29289 16.7071C2.10536 16.5196 2 16.2652 2 16C2 15.7348 2.10536 15.4804 2.29289 15.2929C2.48043 15.1054 2.73478 15 3 15H14.5863L11.2925 11.7075C11.1049 11.5199 10.9994 11.2654 10.9994 11C10.9994 10.7346 11.1049 10.4801 11.2925 10.2925C11.4801 10.1049 11.7346 9.99944 12 9.99944C12.2654 9.99944 12.5199 10.1049 12.7075 10.2925L17.7075 15.2925C17.8005 15.3854 17.8742 15.4957 17.9246 15.6171C17.9749 15.7385 18.0008 15.8686 18.0008 16C18.0008 16.1314 17.9749 16.2615 17.9246 16.3829C17.8742 16.5043 17.8005 16.6146 17.7075 16.7075ZM25 4H17C16.7348 4 16.4804 4.10536 16.2929 4.29289C16.1054 4.48043 16 4.73478 16 5C16 5.26522 16.1054 5.51957 16.2929 5.70711C16.4804 5.89464 16.7348 6 17 6H24V26H17C16.7348 26 16.4804 26.1054 16.2929 26.2929C16.1054 26.4804 16 26.7348 16 27C16 27.2652 16.1054 27.5196 16.2929 27.7071C16.4804 27.8946 16.7348 28 17 28H25C25.2652 28 25.5196 27.8946 25.7071 27.7071C25.8946 27.5196 26 27.2652 26 27V5C26 4.73478 25.8946 4.48043 25.7071 4.29289C25.5196 4.10536 25.2652 4 25 4Z"/>
+			</svg>		
+		</div>
+
+	)
+}
+
+function IconReset(props) {
+	return (
+
+		<div className={`icon fill icon-reset ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M29 14C28.9977 16.121 28.1541 18.1545 26.6543 19.6543C25.1545 21.1541 23.121 21.9977 21 22H6.41374L10.7075 26.2925C10.8951 26.4801 11.0005 26.7346 11.0005 27C11.0005 27.2654 10.8951 27.5199 10.7075 27.7075C10.5199 27.8951 10.2654 28.0006 9.99999 28.0006C9.73463 28.0006 9.48013 27.8951 9.29249 27.7075L3.29249 21.7075C3.19952 21.6146 3.12576 21.5043 3.07543 21.3829C3.02511 21.2615 2.99921 21.1314 2.99921 21C2.99921 20.8686 3.02511 20.7385 3.07543 20.6171C3.12576 20.4957 3.19952 20.3854 3.29249 20.2925L9.29249 14.2925C9.48013 14.1049 9.73463 13.9994 9.99999 13.9994C10.2654 13.9994 10.5199 14.1049 10.7075 14.2925C10.8951 14.4801 11.0005 14.7346 11.0005 15C11.0005 15.2654 10.8951 15.5199 10.7075 15.7075L6.41374 20H21C22.5913 20 24.1174 19.3679 25.2426 18.2426C26.3679 17.1174 27 15.5913 27 14C27 12.4087 26.3679 10.8826 25.2426 9.75736C24.1174 8.63214 22.5913 8 21 8H9.99999C9.73478 8 9.48042 7.89464 9.29289 7.70711C9.10535 7.51957 8.99999 7.26522 8.99999 7C8.99999 6.73478 9.10535 6.48043 9.29289 6.29289C9.48042 6.10536 9.73478 6 9.99999 6H21C23.121 6.00232 25.1545 6.84591 26.6543 8.3457C28.1541 9.84549 28.9977 11.879 29 14Z"/>
+			</svg>		
+		</div>
+
+	)
+}
+
+function IconEyeVisible(props) {
+	return (
+
+		<div className={`icon fill icon-eye-visible ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M30.9137 15.595C30.87 15.4963 29.8112 13.1475 27.4575 10.7937C24.3212 7.6575 20.36 6 16 6C11.64 6 7.67874 7.6575 4.54249 10.7937C2.18874 13.1475 1.12499 15.5 1.08624 15.595C1.02938 15.7229 1 15.8613 1 16.0012C1 16.1412 1.02938 16.2796 1.08624 16.4075C1.12999 16.5062 2.18874 18.8538 4.54249 21.2075C7.67874 24.3425 11.64 26 16 26C20.36 26 24.3212 24.3425 27.4575 21.2075C29.8112 18.8538 30.87 16.5062 30.9137 16.4075C30.9706 16.2796 31 16.1412 31 16.0012C31 15.8613 30.9706 15.7229 30.9137 15.595ZM16 24C12.1525 24 8.79124 22.6012 6.00874 19.8438C4.86704 18.7084 3.89572 17.4137 3.12499 16C3.89551 14.5862 4.86686 13.2915 6.00874 12.1562C8.79124 9.39875 12.1525 8 16 8C19.8475 8 23.2087 9.39875 25.9912 12.1562C27.1352 13.2912 28.1086 14.5859 28.8812 16C27.98 17.6825 24.0537 24 16 24ZM16 10C14.8133 10 13.6533 10.3519 12.6666 11.0112C11.6799 11.6705 10.9108 12.6075 10.4567 13.7039C10.0026 14.8003 9.88377 16.0067 10.1153 17.1705C10.3468 18.3344 10.9182 19.4035 11.7573 20.2426C12.5965 21.0818 13.6656 21.6532 14.8294 21.8847C15.9933 22.1162 17.1997 21.9974 18.2961 21.5433C19.3924 21.0892 20.3295 20.3201 20.9888 19.3334C21.6481 18.3467 22 17.1867 22 16C21.9983 14.4092 21.3657 12.884 20.2408 11.7592C19.1159 10.6343 17.5908 10.0017 16 10ZM16 20C15.2089 20 14.4355 19.7654 13.7777 19.3259C13.1199 18.8864 12.6072 18.2616 12.3045 17.5307C12.0017 16.7998 11.9225 15.9956 12.0768 15.2196C12.2312 14.4437 12.6122 13.731 13.1716 13.1716C13.731 12.6122 14.4437 12.2312 15.2196 12.0769C15.9956 11.9225 16.7998 12.0017 17.5307 12.3045C18.2616 12.6072 18.8863 13.1199 19.3259 13.7777C19.7654 14.4355 20 15.2089 20 16C20 17.0609 19.5786 18.0783 18.8284 18.8284C18.0783 19.5786 17.0609 20 16 20Z"/>
+			</svg>		
+		</div>
+
+	)
+}
+
+function IconEyeHidden(props) {
+	return (
+
+		<div className={`icon fill icon-eye-hidden ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M28.5001 21.875C28.3858 21.9401 28.2599 21.9821 28.1294 21.9985C27.999 22.0149 27.8666 22.0054 27.7398 21.9706C27.613 21.9358 27.4943 21.8763 27.3906 21.7955C27.2868 21.7148 27.2 21.6143 27.1351 21.5L24.7601 17.35C23.3793 18.2836 21.8562 18.9869 20.2501 19.4325L20.9838 23.835C21.0055 23.9646 21.0014 24.0972 20.9717 24.2252C20.9421 24.3532 20.8875 24.4742 20.8111 24.5811C20.7348 24.688 20.6381 24.7788 20.5266 24.8483C20.415 24.9179 20.2909 24.9647 20.1613 24.9863C20.108 24.995 20.0541 24.9996 20.0001 25C19.7635 24.9996 19.5347 24.9154 19.3544 24.7623C19.174 24.6092 19.0538 24.3971 19.0151 24.1638L18.2938 19.8413C16.7728 20.0529 15.2298 20.0529 13.7088 19.8413L12.9876 24.1638C12.9487 24.3976 12.8282 24.61 12.6473 24.7631C12.4664 24.9163 12.2371 25.0002 12.0001 25C11.9448 24.9998 11.8896 24.9952 11.8351 24.9863C11.7054 24.9647 11.5813 24.9179 11.4698 24.8483C11.3583 24.7788 11.2616 24.688 11.1852 24.5811C11.1088 24.4742 11.0543 24.3532 11.0246 24.2252C10.995 24.0972 10.9909 23.9646 11.0126 23.835L11.7501 19.4325C10.1446 18.9855 8.62231 18.2809 7.24256 17.3463L4.87506 21.5C4.74245 21.7311 4.52348 21.9 4.26632 21.9696C4.00916 22.0392 3.73488 22.0039 3.50381 21.8713C3.27274 21.7386 3.10381 21.5197 3.03419 21.2625C2.96457 21.0054 2.99995 20.7311 3.13256 20.5L5.63256 16.125C4.75443 15.3664 3.94696 14.5296 3.22006 13.625C3.12941 13.5238 3.06033 13.4052 3.01705 13.2764C2.97377 13.1476 2.95719 13.0113 2.96833 12.8759C2.97947 12.7405 3.01808 12.6087 3.08182 12.4887C3.14556 12.3687 3.23308 12.263 3.33905 12.1779C3.44502 12.0929 3.56721 12.0303 3.69816 11.9941C3.8291 11.9578 3.96607 11.9486 4.10069 11.9671C4.2353 11.9855 4.36475 12.0312 4.48113 12.1013C4.5975 12.1715 4.69837 12.2646 4.77756 12.375C6.85256 14.9425 10.4826 18 16.0001 18C21.5176 18 25.1476 14.9388 27.2226 12.375C27.3008 12.2623 27.4015 12.167 27.5182 12.0949C27.6349 12.0228 27.7652 11.9754 27.901 11.9559C28.0368 11.9363 28.1752 11.9448 28.3075 11.981C28.4399 12.0172 28.5634 12.0803 28.6703 12.1662C28.7772 12.2522 28.8653 12.3592 28.9291 12.4807C28.9929 12.6022 29.031 12.7355 29.0411 12.8723C29.0511 13.0091 29.0329 13.1466 28.9876 13.2761C28.9423 13.4055 28.8708 13.5243 28.7776 13.625C28.0507 14.5296 27.2432 15.3664 26.3651 16.125L28.8651 20.5C28.9322 20.614 28.976 20.7403 28.9939 20.8714C29.0119 21.0025 29.0037 21.1358 28.9697 21.2637C28.9358 21.3916 28.8768 21.5115 28.7962 21.6164C28.7155 21.7214 28.6149 21.8093 28.5001 21.875Z"/>
+			</svg>		
+		</div>
+
+	)
+}
+
+function IconMobile(props) {
+	return (
+
+		<div className={`icon fill icon-mobile ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M22 2H10C9.20435 2 8.44129 2.31607 7.87868 2.87868C7.31607 3.44129 7 4.20435 7 5V27C7 27.7956 7.31607 28.5587 7.87868 29.1213C8.44129 29.6839 9.20435 30 10 30H22C22.7956 30 23.5587 29.6839 24.1213 29.1213C24.6839 28.5587 25 27.7956 25 27V5C25 4.20435 24.6839 3.44129 24.1213 2.87868C23.5587 2.31607 22.7956 2 22 2ZM9 8H23V24H9V8ZM10 4H22C22.2652 4 22.5196 4.10536 22.7071 4.29289C22.8946 4.48043 23 4.73478 23 5V6H9V5C9 4.73478 9.10536 4.48043 9.29289 4.29289C9.48043 4.10536 9.73478 4 10 4ZM22 28H10C9.73478 28 9.48043 27.8946 9.29289 27.7071C9.10536 27.5196 9 27.2652 9 27V26H23V27C23 27.2652 22.8946 27.5196 22.7071 27.7071C22.5196 27.8946 22.2652 28 22 28Z"/>
+			</svg>
+		</div>
+
+	)
+}
+
+function IconEnvelope(props) {
+	return (
+
+		<div className={`icon fill icon-envelope ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M28 6H4C3.73478 6 3.48043 6.10536 3.29289 6.29289C3.10536 6.48043 3 6.73478 3 7V24C3 24.5304 3.21071 25.0391 3.58579 25.4142C3.96086 25.7893 4.46957 26 5 26H27C27.5304 26 28.0391 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V7C29 6.73478 28.8946 6.48043 28.7071 6.29289C28.5196 6.10536 28.2652 6 28 6ZM25.4287 8L16 16.6437L6.57125 8H25.4287ZM27 24H5V9.27375L15.3237 18.7375C15.5082 18.9069 15.7496 19.0008 16 19.0008C16.2504 19.0008 16.4918 18.9069 16.6763 18.7375L27 9.27375V24Z" />
+			</svg>
+		</div>
+
+	)
+}
+
+function IconDetective(props) {
+	return (
+
+		<div className={`icon fill icon-detective ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M31 14H27.51L21.5725 5.82375C21.3926 5.57671 21.1584 5.3742 20.888 5.23175C20.6176 5.08931 20.3182 5.01072 20.0127 5.00203C19.7072 4.99334 19.4038 5.05477 19.1258 5.18162C18.8477 5.30846 18.6024 5.49734 18.4088 5.73375L16.8025 7.59625L16.7775 7.625C16.6844 7.74192 16.5662 7.83635 16.4316 7.90125C16.297 7.96615 16.1494 7.99985 16 7.99985C15.8506 7.99985 15.703 7.96615 15.5684 7.90125C15.4338 7.83635 15.3156 7.74192 15.2225 7.625L15.1975 7.59625L13.5913 5.73375C13.3976 5.49734 13.1523 5.30846 12.8742 5.18162C12.5962 5.05477 12.2928 4.99334 11.9873 5.00203C11.6818 5.01072 11.3824 5.08931 11.112 5.23175C10.8416 5.3742 10.6074 5.57671 10.4275 5.82375L4.49 14H1C0.734784 14 0.48043 14.1054 0.292893 14.2929C0.105357 14.4804 0 14.7348 0 15C0 15.2652 0.105357 15.5196 0.292893 15.7071C0.48043 15.8946 0.734784 16 1 16H31C31.2652 16 31.5196 15.8946 31.7071 15.7071C31.8946 15.5196 32 15.2652 32 15C32 14.7348 31.8946 14.4804 31.7071 14.2929C31.5196 14.1054 31.2652 14 31 14ZM12.0425 7L12.0662 7.02875L13.6725 8.89C13.9538 9.23591 14.3087 9.51476 14.7113 9.70628C15.1139 9.89781 15.5541 9.99719 16 9.99719C16.4459 9.99719 16.8861 9.89781 17.2887 9.70628C17.6913 9.51476 18.0462 9.23591 18.3275 8.89L19.9338 7.02875C19.9412 7.01875 19.9462 7.01 19.955 7L25.0375 14H6.96125L12.0425 7ZM22.5 18C21.3933 18.0002 20.3254 18.4083 19.5006 19.1462C18.6757 19.8841 18.1517 20.9001 18.0287 22H13.9712C13.848 20.9011 13.3244 19.8861 12.5005 19.1486C11.6766 18.4111 10.61 18.0028 9.5042 18.0016C8.39843 18.0004 7.33092 18.4064 6.50539 19.1421C5.67985 19.8777 5.1541 20.8916 5.02844 21.9902C4.90279 23.0889 5.18604 24.1953 5.82413 25.0984C6.46223 26.0015 7.4105 26.638 8.48799 26.8865C9.56548 27.135 10.6967 26.9781 11.6659 26.4457C12.6351 25.9133 13.3743 25.0427 13.7425 24H18.2575C18.5325 24.7778 19.016 25.4651 19.6553 25.9866C20.2945 26.5082 21.0648 26.844 21.8819 26.9573C22.6991 27.0707 23.5317 26.9572 24.2888 26.6293C25.0458 26.3014 25.6981 25.7716 26.1744 25.098C26.6507 24.4244 26.9327 23.6328 26.9895 22.8098C27.0463 21.9867 26.8757 21.1639 26.4964 20.4313C26.1172 19.6986 25.5438 19.0843 24.839 18.6555C24.1341 18.2267 23.325 18 22.5 18ZM9.5 25C9.00555 25 8.5222 24.8534 8.11107 24.5787C7.69995 24.304 7.37952 23.9135 7.1903 23.4567C7.00108 22.9999 6.95157 22.4972 7.04804 22.0123C7.1445 21.5273 7.3826 21.0819 7.73223 20.7322C8.08186 20.3826 8.52732 20.1445 9.01227 20.048C9.49723 19.9516 9.99989 20.0011 10.4567 20.1903C10.9135 20.3795 11.304 20.7 11.5787 21.1111C11.8534 21.5222 12 22.0055 12 22.5C12 22.8283 11.9353 23.1534 11.8097 23.4567C11.6841 23.76 11.4999 24.0356 11.2678 24.2678C11.0356 24.4999 10.76 24.6841 10.4567 24.8097C10.1534 24.9353 9.8283 25 9.5 25ZM22.5 25C22.0055 25 21.5222 24.8534 21.1111 24.5787C20.7 24.304 20.3795 23.9135 20.1903 23.4567C20.0011 22.9999 19.9516 22.4972 20.048 22.0123C20.1445 21.5273 20.3826 21.0819 20.7322 20.7322C21.0819 20.3826 21.5273 20.1445 22.0123 20.048C22.4972 19.9516 22.9999 20.0011 23.4567 20.1903C23.9135 20.3795 24.304 20.7 24.5787 21.1111C24.8534 21.5222 25 22.0055 25 22.5C25 23.163 24.7366 23.7989 24.2678 24.2678C23.7989 24.7366 23.163 25 22.5 25Z"/>
+			</svg>
+		</div>
+
+	)
+}
+
+function IconCat(props) {
+	return (
+
+		<div className={`icon fill icon-cat ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 32 32">
+				<path d="M12 17.5001C12 17.7967 11.912 18.0867 11.7472 18.3334C11.5824 18.5801 11.3481 18.7723 11.074 18.8859C10.7999 18.9994 10.4983 19.0291 10.2074 18.9712C9.91639 18.9134 9.64912 18.7705 9.43934 18.5607C9.22956 18.3509 9.0867 18.0837 9.02882 17.7927C8.97094 17.5017 9.00065 17.2001 9.11418 16.926C9.22771 16.6519 9.41997 16.4177 9.66665 16.2528C9.91332 16.088 10.2033 16.0001 10.5 16.0001C10.8978 16.0001 11.2794 16.1581 11.5607 16.4394C11.842 16.7207 12 17.1022 12 17.5001ZM21.5 16.0001C21.2033 16.0001 20.9133 16.088 20.6666 16.2528C20.42 16.4177 20.2277 16.6519 20.1142 16.926C20.0007 17.2001 19.9709 17.5017 20.0288 17.7927C20.0867 18.0837 20.2296 18.3509 20.4393 18.5607C20.6491 18.7705 20.9164 18.9134 21.2074 18.9712C21.4983 19.0291 21.7999 18.9994 22.074 18.8859C22.3481 18.7723 22.5824 18.5801 22.7472 18.3334C22.912 18.0867 23 17.7967 23 17.5001C23 17.1022 22.842 16.7207 22.5607 16.4394C22.2794 16.1581 21.8978 16.0001 21.5 16.0001ZM29 6.00005V17.0001C29 23.6163 23.1688 29.0001 16 29.0001C8.83125 29.0001 3 23.6163 3 17.0001V6.00005C3.00018 5.60462 3.11758 5.21812 3.33736 4.8894C3.55713 4.56067 3.86942 4.30447 4.23476 4.15317C4.6001 4.00187 5.00209 3.96226 5.38993 4.03936C5.77777 4.11645 6.13405 4.30678 6.41375 4.5863C6.43125 4.6038 6.44625 4.62005 6.46125 4.63755L8.625 7.12505C10.8374 5.7389 13.3955 5.00375 16.0063 5.00375C18.617 5.00375 21.1751 5.7389 23.3875 7.12505L25.5387 4.63755C25.5537 4.62005 25.5688 4.6038 25.5863 4.5863C25.866 4.30678 26.2222 4.11645 26.6101 4.03936C26.9979 3.96226 27.3999 4.00187 27.7652 4.15317C28.1306 4.30447 28.4429 4.56067 28.6626 4.8894C28.8824 5.21812 28.9998 5.60462 29 6.00005ZM27 6.00005L24.305 9.10005C24.1401 9.29077 23.9093 9.41219 23.6588 9.44C23.4082 9.46782 23.1564 9.39997 22.9538 9.25005C22.3437 8.79892 21.689 8.41148 21 8.0938V11.0001C21 11.2653 20.8946 11.5196 20.7071 11.7072C20.5196 11.8947 20.2652 12.0001 20 12.0001C19.7348 12.0001 19.4804 11.8947 19.2929 11.7072C19.1054 11.5196 19 11.2653 19 11.0001V7.3813C18.3439 7.21254 17.675 7.09881 17 7.0413V11.0001C17 11.2653 16.8946 11.5196 16.7071 11.7072C16.5196 11.8947 16.2652 12.0001 16 12.0001C15.7348 12.0001 15.4804 11.8947 15.2929 11.7072C15.1054 11.5196 15 11.2653 15 11.0001V7.0413C14.325 7.09881 13.6561 7.21254 13 7.3813V11.0001C13 11.2653 12.8946 11.5196 12.7071 11.7072C12.5196 11.8947 12.2652 12.0001 12 12.0001C11.7348 12.0001 11.4804 11.8947 11.2929 11.7072C11.1054 11.5196 11 11.2653 11 11.0001V8.0938C10.311 8.41148 9.6563 8.79892 9.04625 9.25005C8.84403 9.40041 8.59249 9.46888 8.34196 9.44177C8.09143 9.41465 7.86037 9.29395 7.695 9.1038L5 6.00005V17.0001C5 22.2076 9.40125 26.5001 15 26.9588V24.4138L13.2925 22.7063C13.1997 22.6134 13.1261 22.5031 13.0758 22.3817C13.0256 22.2604 12.9998 22.1303 12.9999 21.999C12.9999 21.8676 13.0259 21.7376 13.0762 21.6163C13.1265 21.495 13.2002 21.3848 13.2931 21.2919C13.4808 21.1045 13.7352 20.9992 14.0004 20.9993C14.1318 20.9994 14.2618 21.0253 14.3831 21.0756C14.5045 21.1259 14.6147 21.1996 14.7075 21.2926L16 22.5851L17.2925 21.2926C17.3853 21.1996 17.4955 21.1259 17.6169 21.0756C17.7382 21.0253 17.8682 20.9994 17.9996 20.9993C18.1309 20.9993 18.261 21.0251 18.3823 21.0753C18.5037 21.1255 18.614 21.1991 18.7069 21.2919C18.7998 21.3848 18.8735 21.495 18.9238 21.6163C18.9741 21.7376 19.0001 21.8676 19.0001 21.999C19.0002 22.1303 18.9744 22.2604 18.9242 22.3817C18.8739 22.5031 18.8003 22.6134 18.7075 22.7063L17 24.4138V26.9588C22.5988 26.4976 27 22.2088 27 17.0001V6.00005Z"/>
+			</svg>
+		</div>
+
+	)
+}
+
+
+
+export {
+	IconUser, IconUserRole, IconUserGroup, 
+	IconReg, IconLogin, IconLogout, IconReset, 
+	IconEyeVisible, IconEyeHidden,
+	IconMobile, IconEnvelope,
+	IconDetective, IconCat
+}

package/src/icons-ui-social.js

@@ -0,0 +1,39 @@
+function IconInstagram(props) {
+	return (
+
+		<div className={`icon fill icon-instagram ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 28 28">
+				<path d="M14,7.8c-3.4,0-6.2,2.8-6.2,6.2s2.8,6.2,6.2,6.2s6.2-2.8,6.2-6.2S17.4,7.8,14,7.8z M14,17.9c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S16.2,17.9,14,17.9z M20.4,6.2c0.8,0,1.4,0.6,1.4,1.4S21.2,9,20.4,9S19,8.4,19,7.6S19.7,6.2,20.4,6.2z M24.1,4c-1.3-1.3-3-2-5.1-2H9C4.8,2,2,4.8,2,9v9.9c0,2.1,0.7,3.9,2,5.2c1.3,1.3,3,1.9,5,1.9h9.9c2.1,0,3.8-0.7,5.1-1.9c1.3-1.3,2-3,2-5.1V9C26,7,25.3,5.2,24.1,4z M23.9,19c0,1.5-0.5,2.7-1.4,3.5c-0.9,0.8-2.1,1.3-3.5,1.3H9.1c-1.5,0-2.7-0.4-3.5-1.3c-0.9-0.9-1.3-2.1-1.3-3.6V9c0-1.5,0.4-2.7,1.3-3.5c0.8-0.8,2.1-1.3,3.5-1.3h10c1.5,0,2.7,0.4,3.5,1.3c0.8,0.9,1.3,2.1,1.3,3.5V19L23.9,19z"/>
+			</svg>
+		</div>
+
+	)
+}
+
+function IconBehance(props) {
+	return (
+
+		<div className={`icon fill icon-behance ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 28 28">
+				<path d="M17.4,7.1h6.3v1.4h-6.3V7.1z M20.9,12.4c-2.3,0-2.6,2.3-2.6,2.3h4.8C23.1,14.6,23.2,12.4,20.9,12.4z M26,16.6h-7.6c0,2.7,2.6,2.6,2.6,2.6c2.4,0,2.4-1.6,2.4-1.6h2.6c0,4.2-5,3.9-5,3.9c-6,0-5.6-5.6-5.6-5.6s0-5.6,5.6-5.6C26.8,10.2,26,16.6,26,16.6z M9.7,14.6H5.4v3.9h3.8c0.1,0,0.2,0,0.3,0c0.6,0,1.8-0.2,1.8-1.9C11.2,14.6,9.7,14.6,9.7,14.6z M14.3,16.8c0,4.5-4.7,4.3-4.7,4.3H5.4H5.3H2V6.5h3.2h0.1h4.3c2.3,0,4.2,1.3,4.2,3.9s-2.2,2.8-2.2,2.8C14.5,13.2,14.3,16.8,14.3,16.8z M10.7,10.6c0-1.5-1-1.5-1-1.5H9.1H5.4v3.3h4C10.1,12.4,10.7,12.1,10.7,10.6z"/>
+			</svg>
+		</div>
+
+	)
+}
+
+function IconVK(props) {
+	return (
+
+		<div className={`icon fill icon-vk ${props.className ? props.className : ''}`} onClick={props.onClick ? props.onClick : undefined}>
+			<svg viewBox="0 0 28 28">
+				<path d="M24.3,3.7C22.6,2,19.9,2,14.5,2h-1C8.1,2,5.4,2,3.7,3.7S2,8.1,2,13.5v1c0,5.4,0,8.1,1.7,9.8S8.1,26,13.5,26h1c5.4,0,8.1,0,9.8-1.7c1.7-1.7,1.7-4.4,1.7-9.8v-1C26,8.1,26,5.4,24.3,3.7z M19.2,19.3c-0.6-1.9-2.1-3.4-4.1-3.6v3.6h-0.3c-5.5,0-8.6-3.8-8.7-10h2.7c0.1,4.6,2.1,6.5,3.7,6.9V9.3h2.6v4c1.6-0.2,3.2-2,3.8-4h2.6c-0.4,2.4-2.2,4.2-3.5,5c1.3,0.6,3.3,2.2,4.1,5H19.2z"/>
+			</svg>
+		</div>
+
+	)
+}
+
+export {
+	IconInstagram, IconBehance, IconVK
+}

package/src/index.js

@@ -0,0 +1,17 @@
+import * as IconsArrowsUI from './icons-ui-arrows'
+import * as IconsBasicUI from './icons-ui-basic'
+import * as IconsDocsUI from './icons-ui-docs'
+import * as IconsEcomUI from './icons-ui-ecom'
+import * as IconsEditorUI from './icons-ui-editor'
+import * as IconsProfileUI from './icons-ui-profile'
+import * as IconsSocialUI from './icons-ui-social'
+
+export {
+	IconsArrowsUI,
+	IconsBasicUI,
+	IconsDocsUI,
+	IconsEcomUI,
+	IconsEditorUI,
+	IconsProfileUI,
+	IconsSocialUI
+}