family icon

src/app/pages/family/family.page.html

@@ -53,7 +53,7 @@
       <div *ngIf="tabs =='members'" class="lesson">
         <div class="video" *ngFor="let item of familyData" (click)="familyMemebr(item)">
           <div class="left">
-            <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
+            <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/familymember.svg)'"></div>
 
             <div class="text">
               <ion-label class="bold_text">{{item.firstname}} {{item.lastname}} ({{item.age}})</ion-label>

src/assets/images/familymember.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 32 32" id="Family"><circle cx="16" cy="7" r="6" fill="#767fad" class="color000000 svgShape"></circle><path d="M26.3 22.72A4.919 4.919 0 0 0 28 19a5 5 0 0 0-4.88-4.99 9.932 9.932 0 0 0-1.53-1.3 7.968 7.968 0 0 1-11.18 0 9.932 9.932 0 0 0-1.53 1.3A5 5 0 0 0 4 19a4.919 4.919 0 0 0 1.7 3.72A8.007 8.007 0 0 0 1 30a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1 8.007 8.007 0 0 0-4.7-7.28ZM9 16a3 3 0 1 1-3 3 3 3 0 0 1 3-3ZM3.08 29a6 6 0 0 1 11.83 0ZM23 16a3 3 0 1 1-3 3 3 3 0 0 1 3-3Zm-5.91 13c0-.02.01-.04.01-.06A6.13 6.13 0 0 1 23 24a6.017 6.017 0 0 1 5.92 5Z" fill="#767fad" class="color000000 svgShape"></path></svg>

src/assets/images/money-cycle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 520" id="money-cycle"><g data-name="04. Money Cycle"><circle cx="260" cy="260" r="230" fill="#cfe0e9"></circle><g data-name="Money Cycle"><rect width="248.4" height="110.4" x="135.8" y="204.8" fill="#90c23e"></rect><path fill="#febe40" d="M173.49605 204.8L135.8 237.11216v17.89393a6.59371 6.59371 0 0 0 1.04106-.609l55.2-47.31621a6.82309 6.82309 0 0 0 1.72-2.28091zM384.2 237.11216L346.50395 204.8H326.239a6.82309 6.82309 0 0 0 1.71995 2.28091l55.2 47.31621a6.59371 6.59371 0 0 0 1.04106.609zM346.50395 315.2L384.2 282.88784V265.01918a6.461 6.461 0 0 0-1.04106.5837l-55.2 47.31621A6.82309 6.82309 0 0 0 326.239 315.2zM135.8 282.88784L173.49605 315.2h20.265a6.82309 6.82309 0 0 0-1.72-2.28091l-55.2-47.31621a6.49935 6.49935 0 0 0-1.04106-.5816z"></path><ellipse cx="260" cy="260" fill="#faf39d" rx="27.6" ry="34.5"></ellipse><path fill="#2e75bc" d="M370.4 184.1V163.4H173.1983A82.93745 82.93745 0 0 0 99.092 209.147L94.4 218.6a82.68933 82.68933 0 0 1 82.8-82.8H370.4V122l55.2 31.05zM149.6 335.9v20.7H346.8017a82.93745 82.93745 0 0 0 74.10635-45.747L425.6 301.4a82.68933 82.68933 0 0 1-82.8 82.8H149.6V398L94.4 366.95z"></path></g><path style="mix-blend-mode:overlay" d="M490,260C490,132.97441,387.02559,30,260,30V490C387.02559,490,490,387.02559,490,260Z" opacity=".27"></path></g></svg>