new svg icon

This commit is contained in:
MathieuG-P
2022-06-27 22:34:30 +02:00
parent 8f2c3e8261
commit aeeb5b1944
2 changed files with 10 additions and 1 deletions
@@ -0,0 +1,7 @@
export function AddIcon(props: {className: string}) {
return (
<svg className={`text-white ${props.className}`} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" height="40" width="40">
<path fill="currentColor" d="M17.833 32.458V22.167H7.542v-4.334h10.291V7.542h4.334v10.291h10.291v4.334H22.167v10.291Z"/>
</svg>
)
}
@@ -6,8 +6,9 @@ import { BsNoteFill } from "./bs-note-fill.component";
import { TerminalIcon } from "./terminal-icon.component";
import { DesktopIcon } from "./desktop-icon.component";
import { OculusIcon } from "./oculus-icon.component";
import { AddIcon } from "./add-icon.component";
export type BsmIconType = "settings"|"trash"|"favorite"|"folder"|"bsNote"|"terminal"|"desktop"|"oculus";
export type BsmIconType = "settings"|"trash"|"favorite"|"folder"|"bsNote"|"terminal"|"desktop"|"oculus"|"add";
export function BsmIcon({className, icon}: {className?: string, icon: BsmIconType}) {
@@ -20,6 +21,7 @@ export function BsmIcon({className, icon}: {className?: string, icon: BsmIconTyp
if(icon === "terminal"){ return <TerminalIcon className={className}/> }
if(icon === "desktop"){ return <DesktopIcon className={className}/> }
if(icon === "oculus"){ return <OculusIcon className={className}/> }
if(icon === "add"){ return <AddIcon className={className}/> }
}
return (