添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
SF Symbols 包含 1,500 多个由 Apple 创建的符号图像,可供你在 App 中用作图标。尽管符号图像是“图像” ,但你也可以应用通常与文本关联的特征。例如,你可以应用色调、字体文本样式、粗细或缩放,使它们与周围的文本无缝整合。 如果你的 App 中需要自定图标,请创建功能与 SF Symbols 中符号图像相同的自定符号图像: 通过在导出的自定符号模板文件中修改 SF Symbol,开始创建你自己的自定符号图像。你可以将这个文件作为线索来设置自己自定符号图像的线条粗细和其他属性。从 Regular-M 变体开始,再为 Regular 粗细添加小号和大号缩放变体。 使用以下缩放系数:
<g id="Guides">
<!--- Other XML properties, such as transforms, H-reference, and so on will be placed here, too. -->
    <line id="Baseline-S" class="st7" x1="263" y1="696" x2="3036" y2="696"/>
    <line id="Capline-S" class="st7" x1="263" y1="625.5" x2="3036" y2="625.5"/>
    <!-- ... -->
    <rect id="left-margin" x="1391.3" y="1030.8" class="st5" width="8.7" height="119.3"/>
    <rect id="right-margin" x="1499.7" y="1030.8" class="st5" width="8.7" height="119.3"/>
<g id="Symbols">
Each symbol node can contain any number of shapes and paths but no other items;
text or custom items are not allowed. Transforms of shapes are optional but will be respected.
    <g id="Ultralight-S" transform="matrix(1 0 0 1 515.644 696)">
        <path d="M44,2.1c20.5,0,37.3-16.7,37.3-37.2c0-20.5-16.8-37.2-37.3-37.2S6.8-55.6,6.8-35.2C6.8-14.7,23.6,2.1,44,2.1z M30.5-16.9
C23-16.9,18-24.3,18-35.3S23-53.6,30.5-53.6c7.4,0,12.5,7.4,12.5,18.4S37.9-16.9,30.5-16.9z M59.8-16.8c-5.8,0-10.2-3.1-11.1-7.4
c0-0.2-0.1-0.5-0.1-0.7c0-0.6,0.4-1.1,1.1-1.1c0.6,0,1,0.3,1.1,1c1,3.4,4.7,6,9.3,6c5.5,0,9.5-4.1,9.5-9.6c0-5.6-3.8-9.4-9.3-9.4
c-3.2,0-5.7,1-8.3,4.2c-0.5,0.5-0.8,0.6-1.4,0.6c-0.9,0-1.4-0.6-1.3-1.5l1.3-16.7c0.1-1.1,0.7-1.7,1.7-1.7h16.9
c0.6,0,1.1,0.5,1.1,1.2c0,0.6-0.4,1.1-1.1,1.1H52.8L51.6-36h0.2c2-2.6,5.4-4.2,8.8-4.2c6.6,0,11.4,4.8,11.4,11.5
C72-21.6,67-16.8,59.8-16.8z M30.5-19.1c6.1,0,10.1-6.5,10.1-16.1s-4.1-16.2-10.1-16.2c-6,0-10.1,6.6-10.1,16.2
S24.5-19.1,30.5-19.1z"/>
    <g id="Thin-S" transform="matrix(1 0 0 1 811.867 696)">
        <!-- ... -->
    <g id="Light-S" transform="matrix(1 0 0 1 1107.6 696)">
        <!-- ... -->
    <g id="Regular-S" transform="matrix(1 0 0 1 1403.58 696)">
        <!-- ... -->
    <g id="Medium-S" transform="matrix(1 0 0 1 1699.7 696)">
        <!-- ... -->
    <g id="Semibold-S" transform="matrix(1 0 0 1 1995.98 696)">
        <!-- ... -->
    <!-- Each symbol image variant is represented as its own XML node. -->
    <!-- ... -->
    <g id="Black-L" transform="matrix(1 0 0 1 2854.08 1556)">
        <!-- ... -->