Icons-Preview: Add new icons

This commit is contained in:
Konstantinos Triantafyllou 2021-11-29 11:18:42 +02:00
parent 8f991bc9a8
commit 2eb06717dd
3 changed files with 17 additions and 5 deletions

View File

@ -110,6 +110,18 @@ import {Component} from "@angular/core";
<icon name="check_circle_outlined"></icon> <icon name="check_circle_outlined"></icon>
<div class="uk-text-bold uk-margin-small-top">check_circle_outlined</div> <div class="uk-text-bold uk-margin-small-top">check_circle_outlined</div>
</div> </div>
<div class="uk-text-center">
<icon name="reset"></icon>
<div class="uk-text-bold uk-margin-small-top">reset</div>
</div>
<div class="uk-text-center">
<icon name="send"></icon>
<div class="uk-text-bold uk-margin-small-top">send</div>
</div>
<div class="uk-text-center">
<icon name="print"></icon>
<div class="uk-text-bold uk-margin-small-top">print</div>
</div>
</div> </div>
<div class="uk-margin-medium-top"> <div class="uk-margin-medium-top">
<h4 class="uk-text-bold">Usage</h4> <h4 class="uk-text-bold">Usage</h4>

View File

@ -15,8 +15,8 @@ import {
database, done, database, done,
earth, earth,
edit, group, lock, mail, person_add, photo, edit, group, lock, mail, person_add, photo,
preview, refresh, preview, print, refresh,
remove, remove_circle, remove_circle_outline, search remove, remove_circle, remove_circle_outline, reset, search, send
} from "../icons"; } from "../icons";
@NgModule({ @NgModule({
@ -30,7 +30,7 @@ export class IconsPreviewModule {
constructor(private iconsService: IconsService) { constructor(private iconsService: IconsService) {
this.iconsService.registerIcons([arrow_left, arrow_right, arrow_up, arrow_down, book, database, cog, earth, edit, this.iconsService.registerIcons([arrow_left, arrow_right, arrow_up, arrow_down, book, database, cog, earth, edit,
remove, preview, bullet, remove_circle, remove_circle_outline, person_add, cloud_upload, add, group, lock, search, remove, preview, bullet, remove_circle, remove_circle_outline, person_add, cloud_upload, add, group, lock, search,
refresh, close, done, mail, photo, check_circle_outlined refresh, close, done, mail, photo, check_circle_outlined, reset, send, print
]) ])
} }
} }

View File

@ -132,8 +132,6 @@ export const check_circle_outlined = {
data: '<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 24 24" width="20"><path d="M0 0h24v24H0V0zm0 0h24v24H0V0z" fill="none"/><path d="M16.59 7.58L10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>' data: '<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 24 24" width="20"><path d="M0 0h24v24H0V0zm0 0h24v24H0V0z" fill="none"/><path d="M16.59 7.58L10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>'
} }
/** Add new icon under this line to be sure that it will be added on preview */
export const reset = { export const reset = {
name: 'reset', name: 'reset',
data: '<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polyline fill="#000" points="1 2 2 2 2 6 6 6 6 7 1 7 1 2"></polyline><path fill="none" stroke="#000" stroke-width="1.1" d="M2.1,6.548 C3.391,3.29 6.746,1 10.5,1 C15.5,1 19.5,5 19.5,10 C19.5,15 15.5,19 10.5,19 C5.5,19 1.5,15 1.5,10"></path></svg>' data: '<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polyline fill="#000" points="1 2 2 2 2 6 6 6 6 7 1 7 1 2"></polyline><path fill="none" stroke="#000" stroke-width="1.1" d="M2.1,6.548 C3.391,3.29 6.746,1 10.5,1 C15.5,1 19.5,5 19.5,10 C19.5,15 15.5,19 10.5,19 C5.5,19 1.5,15 1.5,10"></path></svg>'
@ -148,3 +146,5 @@ export const print = {
name: 'print', name: 'print',
data: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/></svg>' data: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/></svg>'
} }
/** Add new icon under this line to be sure that it will be added on preview */