e2a09b9b32
The plugin runs all imported SVG files through svgo. For index.html, you can use the following syntax: ```html <use svg="file.svg" size="24" /> ``` For scripts, use the `?svg` import query ```javascript import SVG_FILE from './file.svg?svg&size=24 ``` Note: size is shorthand for specifying both width and height individually. You can also set any property of the base SVG element. You can also use the `?svg&icon` query to return a function that allows dynamically resizing the SVG string.
42 lines
3 KiB
TypeScript
42 lines
3 KiB
TypeScript
export { default as SVG_ANIMATE_SPIN } from '../images/animate-spin.svg?svg&icon';
|
|
export { default as SVG_APPLE } from '../images/apple.svg?svg&icon';
|
|
export { default as SVG_BIN } from '!lucide/trash-2.svg?svg&icon';
|
|
export { default as SVG_CLOCK } from '!lucide/clock.svg?svg&icon';
|
|
export { default as SVG_CLOSE } from '!lucide/x.svg?svg&icon';
|
|
export { default as SVG_DOWNLOAD } from '!lucide/download.svg?svg&icon';
|
|
export { default as SVG_EQUAL } from '!lucide/equal.svg?svg&icon';
|
|
export { default as SVG_FACEBOOK } from '../images/facebook.svg?svg&icon';
|
|
export { default as SVG_GENIUS_ACTIVE } from '../images/genius-active.svg?svg&icon';
|
|
export { default as SVG_GENIUS_INACTIVE } from '../images/genius-inactive.svg?svg&icon';
|
|
export { default as SVG_GLOBE } from '!lucide/globe.svg?svg&icon';
|
|
export { default as SVG_HEART } from '!lucide/heart.svg?svg&icon&class=heart-icon';
|
|
export { default as SVG_HEART_FILLED } from '!lucide/heart.svg?svg&icon&class=heart-icon+filled';
|
|
export { default as SVG_INSTAGRAM } from '../images/instagram.svg?svg&icon';
|
|
export { default as SVG_LEFT_ARROW } from '!lucide/chevron-left.svg?svg&icon';
|
|
export { default as SVG_LINK } from '!lucide/link.svg?svg&icon';
|
|
export { default as SVG_MENU } from '!lucide/ellipsis-vertical.svg?svg&icon';
|
|
export { default as SVG_MINUS } from '!lucide/minus.svg?svg&icon';
|
|
export { default as SVG_MIX } from '../images/mix.svg?svg&icon';
|
|
export { default as SVG_MOVE_DOWN } from '!lucide/move-down.svg?svg&icon';
|
|
export { default as SVG_MOVE_UP } from '!lucide/move-up.svg?svg&icon';
|
|
export { default as SVG_MUTE } from '!lucide/volume-x.svg?svg&icon';
|
|
export { default as SVG_OFFLINE } from '!lucide/triangle-alert.svg?svg&icon';
|
|
export { default as SVG_PAUSE } from '../images/pause.svg?svg&icon';
|
|
export { default as SVG_PAUSE_LARGE } from '../images/pause-large.svg?svg&icon';
|
|
export { default as SVG_PLAY } from '../images/play.svg?svg&icon';
|
|
export { default as SVG_PLAY_LARGE } from '../images/play-large.svg?svg&icon';
|
|
export { default as SVG_PLUS } from '!lucide/plus.svg?svg&icon';
|
|
export { default as SVG_REPEAT } from '!lucide/repeat.svg?svg&icon';
|
|
export { default as SVG_REPEAT_ONE } from '!lucide/repeat-1.svg?svg&icon';
|
|
export { default as SVG_RESET } from '!lucide/rotate-ccw.svg?svg&icon';
|
|
export { default as SVG_RIGHT_ARROW } from '!lucide/chevron-right.svg?svg&icon';
|
|
export { default as SVG_SHARE } from '!lucide/share.svg?svg&icon';
|
|
export { default as SVG_SHUFFLE } from '!lucide/shuffle.svg?svg&icon';
|
|
export { default as SVG_SORT } from '../images/sort.svg?svg&icon';
|
|
export { default as SVG_SOUNDCLOUD } from '../images/soundcloud.svg?svg&icon';
|
|
export { default as SVG_SQUARE_PEN } from '!lucide/square-pen.svg?svg&icon';
|
|
export { default as SVG_TRASH } from '!lucide/trash.svg?svg&icon';
|
|
export { default as SVG_TWITTER } from '../images/twitter.svg?svg&icon';
|
|
export { default as SVG_VIDEO } from '!lucide/video.svg?svg&icon';
|
|
export { default as SVG_VOLUME } from '!lucide/volume-2.svg?svg&icon';
|
|
export { default as SVG_YOUTUBE } from '../images/youtube.svg?svg&icon';
|