siyuan/app/appearance/icons/index.html

838 lines
16 KiB
HTML

<html>
<head>
<style>
.fn__clear > div {
float: left;
width: 150px;
text-align: center;
margin-bottom: 20px;
}
svg {
display: block;
height: 20px;
width: 20px;
margin: 0 auto;
}
.fn__clear:before, .fn__clear:after {
display: table;
content: "";
}
.fn__clear:after {
clear: both;
}
</style>
</head>
<body>
<h2>SiYuan</h2>
<div class="fn__clear">
<div>
<svg>
<use xlink:href="#iconInbox"></use>
</svg>
iconInbox
</div>
<div>
<svg>
<use xlink:href="#iconGithub"></use>
</svg>
iconGithub
</div>
<div>
<svg>
<use xlink:href="#iconGitHubI"></use>
</svg>
iconGitHubI
</div>
<div>
<svg>
<use xlink:href="#iconHTML5"></use>
</svg>
iconHTML5
</div>
<div>
<svg>
<use xlink:href="#iconStar"></use>
</svg>
iconStar
</div>
<div>
<svg>
<use xlink:href="#iconSpreadEven"></use>
</svg>
iconSpreadEven
</div>
<div>
<svg>
<use xlink:href="#iconSpreadOdd"></use>
</svg>
iconSpreadOdd
</div>
<div>
<svg>
<use xlink:href="#iconScrollWrapped"></use>
</svg>
iconScrollWrapped
</div>
<div>
<svg>
<use xlink:href="#iconSelectText"></use>
</svg>
iconSelectText
</div>
<div>
<svg>
<use xlink:href="#iconHand"></use>
</svg>
iconHand
</div>
<div>
<svg>
<use xlink:href="#iconSiYuan"></use>
</svg>
iconSiYuan
</div>
<div>
<svg>
<use xlink:href="#iconCut"></use>
</svg>
iconCut
</div>
<div>
<svg>
<use xlink:href="#iconAdd"></use>
</svg>
iconAdd
</div>
<div>
<svg>
<use xlink:href="#iconMoon"></use>
</svg>
iconMoon
</div>
<div>
<svg>
<use xlink:href="#iconUncheck"></use>
</svg>
iconUncheck
</div>
<div>
<svg>
<use xlink:href="#iconDot"></use>
</svg>
iconDot
</div>
<div>
<svg>
<use xlink:href="#iconUnderline"></use>
</svg>
iconUnderline
</div>
<div>
<svg>
<use xlink:href="#iconA"></use>
</svg>
iconA
</div>
<div>
<svg>
<use xlink:href="#iconM"></use>
</svg>
iconM
</div>
<div>
<svg>
<use xlink:href="#iconN"></use>
</svg>
iconN
</div>
<div>
<svg>
<use xlink:href="#iconYuque"></use>
</svg>
iconYuque
</div>
<div>
<svg>
<use xlink:href="#iconGlobalGraph"></use>
</svg>
iconGlobalGraph
</div>
<div>
<svg>
<use xlink:href="#iconLeftTop"></use>
</svg>
iconLeftTop
</div>
<div>
<svg>
<use xlink:href="#iconLeftBottom"></use>
</svg>
iconLeftBottom
</div>
<div>
<svg>
<use xlink:href="#iconRightTop"></use>
</svg>
iconRightTop
</div>
<div>
<svg>
<use xlink:href="#iconRightBottom"></use>
</svg>
iconRightBottom
</div>
<div>
<svg>
<use xlink:href="#iconTopLeft"></use>
</svg>
iconTopLeft
</div>
<div>
<svg>
<use xlink:href="#iconTopRight"></use>
</svg>
iconTopRight
</div>
<div>
<svg>
<use xlink:href="#iconBottomLeft"></use>
</svg>
iconBottomLeft
</div>
<div>
<svg>
<use xlink:href="#iconBottomRight"></use>
</svg>
iconBottomRight
</div>
<div>
<svg>
<use xlink:href="#iconMove"></use>
</svg>
iconMove
</div>
<div>
<svg>
<use xlink:href="#iconBazaar"></use>
</svg>
iconBazaar
</div>
<div>
<svg>
<use xlink:href="#iconCalendar"></use>
</svg>
iconCalendar
</div>
<div>
<svg>
<use xlink:href="#iconKeymap"></use>
</svg>
iconKeymap
</div>
<div>
<svg>
<use xlink:href="#iconFont"></use>
</svg>
iconFont
</div>
<div>
<svg>
<use xlink:href="#iconPin"></use>
</svg>
iconPin
</div>
<div>
<svg>
<use xlink:href="#iconVIP"></use>
</svg>
iconVIP
</div>
<div>
<svg>
<use xlink:href="#iconSuper"></use>
</svg>
iconSuper
</div>
<div>
<svg>
<use xlink:href="#iconSelect"></use>
</svg>
iconSelect
</div>
<div>
<svg>
<use xlink:href="#iconSQL"></use>
</svg>
iconSQL
</div>
<div>
<svg>
<use xlink:href="#iconMark"></use>
</svg>
iconMark
</div>
<div>
<svg>
<use xlink:href="#iconEdit"></use>
</svg>
iconEdit
</div>
<div>
<svg>
<use xlink:href="#iconSplitLR"></use>
</svg>
iconSplitLR
</div>
<div>
<svg>
<use xlink:href="#iconSplitTB"></use>
</svg>
iconSplitTB
</div>
<div>
<svg>
<use xlink:href="#iconFocus"></use>
</svg>
iconFocus
</div>
<div>
<svg>
<use xlink:href="#iconSort"></use>
</svg>
iconSort
</div>
<div>
<svg>
<use xlink:href="#iconDownload"></use>
</svg>
iconDownload
</div>
<div>
<svg>
<use xlink:href="#iconExact"></use>
</svg>
iconExact
</div>
<div>
<svg>
<use xlink:href="#iconRegex"></use>
</svg>
<del>iconRegex</del>
</div>
<div>
<svg>
<use xlink:href="#iconMenu"></use>
</svg>
iconMenu
</div>
<div>
<svg>
<use xlink:href="#iconGit"></use>
</svg>
<del>iconGit</del>
</div>
<div>
<svg>
<use xlink:href="#iconLeft"></use>
</svg>
iconLeft
</div>
<div>
<svg>
<use xlink:href="#iconTags"></use>
</svg>
iconTags
</div>
<div>
<svg>
<use xlink:href="#iconImage"></use>
</svg>
iconImage
</div>
<div>
<svg>
<use xlink:href="#iconRefresh"></use>
</svg>
iconRefresh
</div>
<div>
<svg>
<use xlink:href="#iconLock"></use>
</svg>
iconLock
</div>
<div>
<svg>
<use xlink:href="#iconAccount"></use>
</svg>
iconAccount
</div>
<div>
<svg>
<use xlink:href="#iconMarkdown"></use>
</svg>
iconMarkdown
</div>
<div>
<svg>
<use xlink:href="#iconLanguage"></use>
</svg>
iconLanguage
</div>
<div>
<svg>
<use xlink:href="#iconListItem"></use>
</svg>
iconListItem
</div>
<div>
<svg>
<use xlink:href="#iconH1"></use>
</svg>
iconH1
</div>
<div>
<svg>
<use xlink:href="#iconBookmark"></use>
</svg>
iconBookmark
</div>
<div>
<svg>
<use xlink:href="#iconH2"></use>
</svg>
iconH2
</div>
<div>
<svg>
<use xlink:href="#iconH3"></use>
</svg>
iconH3
</div>
<div>
<svg>
<use xlink:href="#iconH4"></use>
</svg>
iconH4
</div>
<div>
<svg>
<use xlink:href="#iconH5"></use>
</svg>
iconH5
</div>
<div>
<svg>
<use xlink:href="#iconH6"></use>
</svg>
iconH6
</div>
<div>
<svg>
<use xlink:href="#iconMath"></use>
</svg>
iconMath
</div>
<div>
<svg>
<use xlink:href="#iconClose"></use>
</svg>
iconClose
</div>
<div>
<svg>
<use xlink:href="#iconRestore"></use>
</svg>
iconRestore
</div>
<div>
<svg>
<use xlink:href="#iconFiles"></use>
</svg>
iconFiles
</div>
<div>
<svg>
<use xlink:href="#iconFilesRoot"></use>
</svg>
iconFilesRoot
</div>
<div>
<svg>
<use xlink:href="#iconMax"></use>
</svg>
iconMax
</div>
<div>
<svg>
<use xlink:href="#iconMin"></use>
</svg>
iconMin
</div>
<div>
<svg>
<use xlink:href="#iconSettings"></use>
</svg>
iconSettings
</div>
<div>
<svg>
<use xlink:href="#iconFolder"></use>
</svg>
iconFolder
</div>
<div>
<svg>
<use xlink:href="#iconSearch"></use>
</svg>
iconSearch
</div>
<div>
<svg>
<use xlink:href="#iconFile"></use>
</svg>
iconFile
</div>
<div>
<svg>
<use xlink:href="#iconCloud"></use>
</svg>
iconCloud
</div>
<div>
<svg>
<use xlink:href="#iconRight"></use>
</svg>
iconRight
</div>
<div>
<svg>
<use xlink:href="#iconHeart"></use>
</svg>
iconHeart
</div>
<div>
<svg>
<use xlink:href="#iconGraph"></use>
</svg>
iconGraph
</div>
<div>
<svg>
<use xlink:href="#iconParagraph"></use>
</svg>
iconParagraph
</div>
<div>
<svg>
<use xlink:href="#iconMp"></use>
</svg>
iconMp
</div>
<div>
<svg>
<use xlink:href="#iconQuote"></use>
</svg>
iconQuote
</div>
<div>
<svg>
<use xlink:href="#iconAfter"></use>
</svg>
iconAfter
</div>
<div>
<svg>
<use xlink:href="#iconBefore"></use>
</svg>
iconBefore
</div>
<div>
<svg>
<use xlink:href="#iconInsertLeft"></use>
</svg>
iconInsertLeft
</div>
<div>
<svg>
<use xlink:href="#iconInsertRight"></use>
</svg>
iconInsertRight
</div>
<div>
<svg>
<use xlink:href="#iconHeadings"></use>
</svg>
iconHeadings
</div>
<div>
<svg>
<use xlink:href="#iconLine"></use>
</svg>
iconLine
</div>
<div>
<svg>
<use xlink:href="#iconCode"></use>
</svg>
iconCode
</div>
<div>
<svg>
<use xlink:href="#iconInlineCode"></use>
</svg>
iconInlineCode
</div>
<div>
<svg>
<use xlink:href="#iconBoth"></use>
</svg>
iconBoth
</div>
<div>
<svg>
<use xlink:href="#iconTheme"></use>
</svg>
iconTheme
</div>
<div>
<svg>
<use xlink:href="#iconExport"></use>
</svg>
<del>iconExport</del>
</div>
<div>
<svg>
<use xlink:href="#iconCopy"></use>
</svg>
iconCopy
</div>
<div>
<svg>
<use xlink:href="#iconPause"></use>
</svg>
iconPause
</div>
<div>
<svg>
<use xlink:href="#iconPreview"></use>
</svg>
iconPreview
</div>
<div>
<svg>
<use xlink:href="#iconInfo"></use>
</svg>
iconInfo
</div>
<div>
<svg>
<use xlink:href="#iconHelp"></use>
</svg>
iconHelp
</div>
<div>
<svg>
<use xlink:href="#iconStrike"></use>
</svg>
iconStrike
</div>
<div>
<svg>
<use xlink:href="#iconContract"></use>
</svg>
iconContract
</div>
<div>
<svg>
<use xlink:href="#iconRecord"></use>
</svg>
iconRecord
</div>
<div>
<svg>
<use xlink:href="#iconBold"></use>
</svg>
iconBold
</div>
<div>
<svg>
<use xlink:href="#iconBug"></use>
</svg>
iconBug
</div>
<div>
<svg>
<use xlink:href="#iconPlay"></use>
</svg>
iconPlay
</div>
<div>
<svg>
<use xlink:href="#iconCheck"></use>
</svg>
iconCheck
</div>
<div>
<svg>
<use xlink:href="#iconUpload"></use>
</svg>
iconUpload
</div>
<div>
<svg>
<use xlink:href="#iconTrashcan"></use>
</svg>
iconTrashcan
</div>
<div>
<svg>
<use xlink:href="#iconMore"></use>
</svg>
iconMore
</div>
<div>
<svg>
<use xlink:href="#iconFullscreen"></use>
</svg>
iconFullscreen
</div>
<div>
<svg>
<use xlink:href="#iconEmoji"></use>
</svg>
iconEmoji
</div>
<div>
<svg>
<use xlink:href="#iconAlignCenter"></use>
</svg>
iconAlignCenter
</div>
<div>
<svg>
<use xlink:href="#iconAlignLeft"></use>
</svg>
iconAlignLeft
</div>
<div>
<svg>
<use xlink:href="#iconAlignRight"></use>
</svg>
iconAlignRight
</div>
<div>
<svg>
<use xlink:href="#iconDeleteColumn"></use>
</svg>
iconDeleteColumn
</div>
<div>
<svg>
<use xlink:href="#iconDeleteRow"></use>
</svg>
iconDeleteRow
</div>
<div>
<svg>
<use xlink:href="#iconDown"></use>
</svg>
iconDown
</div>
<div>
<svg>
<use xlink:href="#iconItalic"></use>
</svg>
iconItalic
</div>
<div>
<svg>
<use xlink:href="#iconLink"></use>
</svg>
iconLink
</div>
<div>
<svg>
<use xlink:href="#iconOutdent"></use>
</svg>
<del>iconOutdent</del>
</div>
<div>
<svg>
<use xlink:href="#iconIndent"></use>
</svg>
<del>iconIndent</del>
</div>
<div>
<svg>
<use xlink:href="#iconOrderedList"></use>
</svg>
iconOrderedList
</div>
<div>
<svg>
<use xlink:href="#iconRedo"></use>
</svg>
iconRedo
</div>
<div>
<svg>
<use xlink:href="#iconTable"></use>
</svg>
iconTable
</div>
<div>
<svg>
<use xlink:href="#iconUndo"></use>
</svg>
iconUndo
</div>
<div>
<svg>
<use xlink:href="#iconList"></use>
</svg>
iconList
</div>
<div>
<svg>
<use xlink:href="#iconUp"></use>
</svg>
iconUp
</div>
<div>
<svg>
<use xlink:href="#iconZhihu"></use>
</svg>
iconZhihu
</div>
<div>
<svg>
<use xlink:href="#iconPDF"></use>
</svg>
iconPDF
</div>
<div>
<svg>
<use xlink:href="#iconVideo"></use>
</svg>
iconVideo
</div>
<div>
<svg>
<use xlink:href="#iconSup"></use>
</svg>
iconSup
</div>
<div>
<svg>
<use xlink:href="#iconSub"></use>
</svg>
iconSub
</div>
</div>
<script src="material/icon.js"></script>
</body>
</html>