SVG文件源码

SVG文件地址：http://el.eeurl.com/svg/e6/Single/14

<svg xmlns="http://www.w3.org/2000/svg" 
     viewBox="0 0 200 225"
     width="200"
     height="225"
     fill="#A3A0BD"
     stroke="black"
     >
    <title></title>
    <desc></desc>
<symbol id="e1_1" viewBox="0 0 200 25">
    <title>阳爻符号</title>
    <desc>
        在200x25的视盒内，留有足够多的空隙（为6）可用于stroke-width扩展，全部扩展满时（stroke-width=6）会覆盖大部分的fill，所以stroke-width可以设得小一点。这时旁边留下空隙。
    </desc>
    <!--rect x="5" y="5" height="15" width="190"/-->
    <rect x="3" y="3" height="19" width="194" />
</symbol>
<symbol id="e1_0" viewBox="0 0 200 25">
    <title>阴爻符号</title>
    <desc>两个矩形做成一个阴爻符号。</desc>
    <!--rect x="5" y="5" width="65" height="15" />
    <rect x="130" y="5" width="65" height="15" /-->
    <rect x="3" y="3" width="69" height="19" />
    <rect x="128" y="3" width="69" height="19" />
</symbol>

<!--以下为四象-->
<symbol id="e2_0" viewBox="0 0 200 65">
    <title>太阴符号</title>
    <desc></desc>
    <use x="0" y="0" height="25" width="200" href="#e1_0" />
    <use x="0" y="40" height="25" width="200" href="#e1_0" />
</symbol>
<symbol id="e2_1" viewBox="0 0 200 65">
    <title>少阳符号</title>
    <use x="0" y="0" height="25" width="200" href="#e1_1" />
    <use x="0" y="40" height="25" width="200" href="#e1_0" />
</symbol>
<symbol id="e2_2" viewBox="0 0 200 65">
    <title>少阴符号</title>
    <use x="0" y="0" height="25" width="200" href="#e1_0" />
    <use x="0" y="40" height="25" width="200" href="#e1_1" />
</symbol>
<symbol id="e2_3" viewBox="0 0 200 65">
    <title>太阳符号</title>
    <use x="0" y="0" height="25" width="200" href="#e1_1" />
    <use x="0" y="40" height="25" width="200" href="#e1_1" />
</symbol>

<!--八卦-->
<symbol id="e3_0" viewBox="0 0 200 105">
    <title>坤卦符号(Kun symbol)</title>
    <use x="0" y="0" height="65" width="200" href="#e2_0" />
    <use x="0" y="80" height="25" width="200" href="#e1_0" />
</symbol>
<symbol id="e3_1" viewBox="0 0 200 105">
    <title>艮卦符号(Gen symbol)</title>
    <use x="0" y="0" height="65" width="200" href="#e2_1" />
    <use x="0" y="80" height="25" width="200" href="#e1_0" />
</symbol>
<symbol id="e3_2" viewBox="0 0 200 105">
    <title>坎卦符号(Kan symbol)</title>
    <use x="0" y="0" height="65" width="200" href="#e2_2" />
    <use x="0" y="80" height="25" width="200" href="#e1_0" />
</symbol>
<symbol id="e3_3" viewBox="0 0 200 105">
    <title>巽卦符号(Xun symbol)</title>
    <use x="0" y="0" height="65" width="200" href="#e2_3" />
    <use x="0" y="80" height="25" width="200" href="#e1_0" />
</symbol>
<symbol id="e3_4" viewBox="0 0 200 105">
    <title>震卦符号(Zhen symbol)</title>
    <use x="0" y="0" height="65" width="200" href="#e2_0" />
    <use x="0" y="80" height="25" width="200" href="#e1_1" />
</symbol>
<symbol id="e3_5" viewBox="0 0 200 105">
    <title>离卦符号(Li symbol)</title>
    <use x="0" y="0" height="65" width="200" href="#e2_1" />
    <use x="0" y="80" height="25" width="200" href="#e1_1" />
</symbol>
<symbol id="e3_6" viewBox="0 0 200 105">
    <title>兑卦符号(Dui symbol)</title>
    <use x="0" y="0" height="65" width="200" href="#e2_2" />
    <use x="0" y="80" height="25" width="200" href="#e1_1" />
</symbol>
<symbol id="e3_7" viewBox="0 0 200 105">
    <title>乾卦符号(Qian symbol)</title>
    <use x="0" y="0" height="65" width="200" href="#e2_3" />
    <use x="0" y="80" height="25" width="200" href="#e1_1" />
</symbol>

<!--六十四卦符号-->
<symbol id="e6_0" viewBox="0 0 200 225">
    <title>Hexgram for the receptive earth</title>
    <use x="0" y="0" height="105" width="200" href="#e3_0" />
    <use x="0" y="120" height="105" width="200" href="#e3_0" />
</symbol>
<symbol id="e6_1" viewBox="0 0 200 225">
    <title>Hexgram for splitting apart</title>
    <use x="0" y="0" height="105" width="200" href="#e3_1" />
    <use x="0" y="120" height="105" width="200" href="#e3_0" />
</symbol>
<symbol id="e6_2" viewBox="0 0 200 225">
    <title>Hexgram for holding together</title>
    <use x="0" y="0" height="105" width="200" href="#e3_2" />
    <use x="0" y="120" height="105" width="200" href="#e3_0" />
</symbol>
<symbol id="e6_3" viewBox="0 0 200 225">
    <title>Hexgram for contemplationr</title>
    <use x="0" y="0" height="105" width="200" href="#e3_3" />
    <use x="0" y="120" height="105" width="200" href="#e3_0" />
</symbol>
<symbol id="e6_4" viewBox="0 0 200 225">
    <title>Hexgram for enthusiasm</title>
    <use x="0" y="0" height="105" width="200" href="#e3_4" />
    <use x="0" y="120" height="105" width="200" href="#e3_0" />
</symbol>
<symbol id="e6_5" viewBox="0 0 200 225">
    <title>Hexgram for progress</title>
    <use x="0" y="0" height="105" width="200" href="#e3_5" />
    <use x="0" y="120" height="105" width="200" href="#e3_0" />
</symbol>
<symbol id="e6_6" viewBox="0 0 200 225">
    <title>Hexgram for gathering together</title>
    <use x="0" y="0" height="105" width="200" href="#e3_6" />
    <use x="0" y="120" height="105" width="200" href="#e3_0" />
</symbol>
<symbol id="e6_7" viewBox="0 0 200 225">
    <title>Hexgram for gathering together</title>
    <use x="0" y="0" height="105" width="200" href="#e3_7" />
    <use x="0" y="120" height="105" width="200" href="#e3_0" />
</symbol>
<symbol id="e6_8" viewBox="0 0 200 225">
    <title>Hexgram for modesty</title>
    <use x="0" y="0" height="105" width="200" href="#e3_0" />
    <use x="0" y="120" height="105" width="200" href="#e3_1" />
</symbol>
<symbol id="e6_9" viewBox="0 0 200 225">
    <title>Hexgram for the keeping still mountain</title>
    <use x="0" y="0" height="105" width="200" href="#e3_1" />
    <use x="0" y="120" height="105" width="200" href="#e3_1" />
</symbol>
<symbol id="e6_10" viewBox="0 0 200 225">
    <title>Hexgram for obstruction</title>
    <use x="0" y="0" height="105" width="200" href="#e3_2" />
    <use x="0" y="120" height="105" width="200" href="#e3_1" />
</symbol>
<symbol id="e6_11" viewBox="0 0 200 225">
    <title>Hexgram for development</title>
    <use x="0" y="0" height="105" width="200" href="#e3_3" />
    <use x="0" y="120" height="105" width="200" href="#e3_1" />
</symbol>
<symbol id="e6_12" viewBox="0 0 200 225">
    <title>Hexgram for small preponderance</title>
    <use x="0" y="0" height="105" width="200" href="#e3_4" />
    <use x="0" y="120" height="105" width="200" href="#e3_1" />
</symbol>
<symbol id="e6_13" viewBox="0 0 200 225">
    <title>Hexgram for the wanderer</title>
    <use x="0" y="0" height="105" width="200" href="#e3_5" />
    <use x="0" y="120" height="105" width="200" href="#e3_1" />
</symbol>
<symbol id="e6_14" viewBox="0 0 200 225">
    <title>Hexgram for influence</title>
    <use x="0" y="0" height="105" width="200" href="#e3_6" />
    <use x="0" y="120" height="105" width="200" href="#e3_1" />
</symbol>
<symbol id="e6_15" viewBox="0 0 200 225">
    <title>Hexgram for retreat</title>
    <use x="0" y="0" height="105" width="200" href="#e3_7" />
    <use x="0" y="120" height="105" width="200" href="#e3_1" />
</symbol>
<symbol id="e6_16" viewBox="0 0 200 225">
    <title>Hexgram for the army</title>
    <use x="0" y="0" height="105" width="200" href="#e3_0" />
    <use x="0" y="120" height="105" width="200" href="#e3_2" />
</symbol>
<symbol id="e6_17" viewBox="0 0 200 225">
    <title>Hexgram for youthful folly</title>
    <use x="0" y="0" height="105" width="200" href="#e3_1" />
    <use x="0" y="120" height="105" width="200" href="#e3_2" />
</symbol>
<symbol id="e6_18" viewBox="0 0 200 225">
    <title>Hexgram for the abysmal water</title>
    <use x="0" y="0" height="105" width="200" href="#e3_2" />
    <use x="0" y="120" height="105" width="200" href="#e3_2" />
</symbol>
<symbol id="e6_19" viewBox="0 0 200 225">
    <title>Hexgram for dispersion</title>
    <use x="0" y="0" height="105" width="200" href="#e3_3" />
    <use x="0" y="120" height="105" width="200" href="#e3_2" />
</symbol>
<symbol id="e6_20" viewBox="0 0 200 225">
    <title>Hexgram for dispersion</title>
    <use x="0" y="0" height="105" width="200" href="#e3_4" />
    <use x="0" y="120" height="105" width="200" href="#e3_2" />
</symbol>
<symbol id="e6_21" viewBox="0 0 200 225">
    <title>Hexgram for before completion</title>
    <use x="0" y="0" height="105" width="200" href="#e3_5" />
    <use x="0" y="120" height="105" width="200" href="#e3_2" />
</symbol>
<symbol id="e6_22" viewBox="0 0 200 225">
    <title>Hexgram for oppression</title>
    <use x="0" y="0" height="105" width="200" href="#e3_6" />
    <use x="0" y="120" height="105" width="200" href="#e3_2" />
</symbol>
<symbol id="e6_23" viewBox="0 0 200 225">
    <title>Hexgram for conflict</title>
    <use x="0" y="0" height="105" width="200" href="#e3_7" />
    <use x="0" y="120" height="105" width="200" href="#e3_2" />
</symbol>
<symbol id="e6_24" viewBox="0 0 200 225">
    <title>Hexgram for pushing upward</title>
    <use x="0" y="0" height="105" width="200" href="#e3_0" />
    <use x="0" y="120" height="105" width="200" href="#e3_3" />
</symbol>
<symbol id="e6_25" viewBox="0 0 200 225">
    <title>Hexgram for work on the decayed</title>
    <use x="0" y="0" height="105" width="200" href="#e3_1" />
    <use x="0" y="120" height="105" width="200" href="#e3_3" />
</symbol>
<symbol id="e6_26" viewBox="0 0 200 225">
    <title>Hexgram for work on the decayed</title>
    <use x="0" y="0" height="105" width="200" href="#e3_2" />
    <use x="0" y="120" height="105" width="200" href="#e3_3" />
</symbol>
<symbol id="e6_27" viewBox="0 0 200 225">
    <title>Hexgram for the gentle wind</title>
    <use x="0" y="0" height="105" width="200" href="#e3_3" />
    <use x="0" y="120" height="105" width="200" href="#e3_3" />
</symbol>
<symbol id="e6_28" viewBox="0 0 200 225">
    <title>Hexgram for duration</title>
    <use x="0" y="0" height="105" width="200" href="#e3_4" />
    <use x="0" y="120" height="105" width="200" href="#e3_3" />
</symbol>
<symbol id="e6_29" viewBox="0 0 200 225">
    <title>Hexgram for the cauldron</title>
    <use x="0" y="0" height="105" width="200" href="#e3_5" />
    <use x="0" y="120" height="105" width="200" href="#e3_3" />
</symbol>
<symbol id="e6_30" viewBox="0 0 200 225">
    <title>Hexgram for great preponderance</title>
    <use x="0" y="0" height="105" width="200" href="#e3_6" />
    <use x="0" y="120" height="105" width="200" href="#e3_3" />
</symbol>
<symbol id="e6_31" viewBox="0 0 200 225">
    <title>Hexgram for coming to meet</title>
    <use x="0" y="0" height="105" width="200" href="#e3_7" />
    <use x="0" y="120" height="105" width="200" href="#e3_3" />
</symbol>
<symbol id="e6_32" viewBox="0 0 200 225">
    <title>Hexgram for return</title>
    <use x="0" y="0" height="105" width="200" href="#e3_0" />
    <use x="0" y="120" height="105" width="200" href="#e3_4" />
</symbol>
<symbol id="e6_33" viewBox="0 0 200 225">
    <title>Hexgram for mouth corners</title>
    <use x="0" y="0" height="105" width="200" href="#e3_1" />
    <use x="0" y="120" height="105" width="200" href="#e3_4" />
</symbol>
<symbol id="e6_34" viewBox="0 0 200 225">
    <title>Hexgram for difficulty at the beginning</title>
    <use x="0" y="0" height="105" width="200" href="#e3_2" />
    <use x="0" y="120" height="105" width="200" href="#e3_4" />
</symbol>
<symbol id="e6_35" viewBox="0 0 200 225">
    <title>Hexgram for increase</title>
    <use x="0" y="0" height="105" width="200" href="#e3_3" />
    <use x="0" y="120" height="105" width="200" href="#e3_4" />
</symbol>
<symbol id="e6_36" viewBox="0 0 200 225">
    <title>Hexgram for the arousing thunder</title>
    <use x="0" y="0" height="105" width="200" href="#e3_4" />
    <use x="0" y="120" height="105" width="200" href="#e3_4" />
</symbol>
<symbol id="e6_37" viewBox="0 0 200 225">
    <title>Hexgram for the arousing thunder</title>
    <use x="0" y="0" height="105" width="200" href="#e3_5" />
    <use x="0" y="120" height="105" width="200" href="#e3_4" />
</symbol>
<symbol id="e6_38" viewBox="0 0 200 225">
    <title>Hexgram for following</title>
    <use x="0" y="0" height="105" width="200" href="#e3_6" />
    <use x="0" y="120" height="105" width="200" href="#e3_4" />
</symbol>
<symbol id="e6_39" viewBox="0 0 200 225">
    <title>Hexgram for innocence</title>
    <use x="0" y="0" height="105" width="200" href="#e3_7" />
    <use x="0" y="120" height="105" width="200" href="#e3_4" />
</symbol>
<symbol id="e6_40" viewBox="0 0 200 225">
    <title>Hexgram for darkening of the light</title>
    <use x="0" y="0" height="105" width="200" href="#e3_0" />
    <use x="0" y="120" height="105" width="200" href="#e3_5" />
</symbol>
<symbol id="e6_41" viewBox="0 0 200 225">
    <title>Hexgram for grace</title>
    <use x="0" y="0" height="105" width="200" href="#e3_1" />
    <use x="0" y="120" height="105" width="200" href="#e3_5" />
</symbol>
<symbol id="e6_42" viewBox="0 0 200 225">
    <title>Hexgram for after completion</title>
    <use x="0" y="0" height="105" width="200" href="#e3_2" />
    <use x="0" y="120" height="105" width="200" href="#e3_5" />
</symbol>
<symbol id="e6_43" viewBox="0 0 200 225">
    <title>Hexgram for the family</title>
    <use x="0" y="0" height="105" width="200" href="#e3_3" />
    <use x="0" y="120" height="105" width="200" href="#e3_5" />
</symbol>
<symbol id="e6_44" viewBox="0 0 200 225">
    <title>Hexgram for abundance</title>
    <use x="0" y="0" height="105" width="200" href="#e3_4" />
    <use x="0" y="120" height="105" width="200" href="#e3_5" />
</symbol>
<symbol id="e6_45" viewBox="0 0 200 225">
    <title>Hexgram for the clinging fire</title>
    <use x="0" y="0" height="105" width="200" href="#e3_5" />
    <use x="0" y="120" height="105" width="200" href="#e3_5" />
</symbol>
<symbol id="e6_46" viewBox="0 0 200 225">
    <title>Hexgram for revolution</title>
    <use x="0" y="0" height="105" width="200" href="#e3_6" />
    <use x="0" y="120" height="105" width="200" href="#e3_5" />
</symbol>
<symbol id="e6_47" viewBox="0 0 200 225">
    <title>Hexgram for fellowship</title>
    <use x="0" y="0" height="105" width="200" href="#e3_7" />
    <use x="0" y="120" height="105" width="200" href="#e3_5" />
</symbol>
<symbol id="e6_48" viewBox="0 0 200 225">
    <title>Hexgram for approach</title>
    <use x="0" y="0" height="105" width="200" href="#e3_0" />
    <use x="0" y="120" height="105" width="200" href="#e3_6" />
</symbol>
<symbol id="e6_49" viewBox="0 0 200 225">
    <title>Hexgram for decrease</title>
    <use x="0" y="0" height="105" width="200" href="#e3_1" />
    <use x="0" y="120" height="105" width="200" href="#e3_6" />
</symbol>
<symbol id="e6_50" viewBox="0 0 200 225">
    <title>Hexgram for decrease</title>
    <use x="0" y="0" height="105" width="200" href="#e3_2" />
    <use x="0" y="120" height="105" width="200" href="#e3_6" />
</symbol>
<symbol id="e6_51" viewBox="0 0 200 225">
    <title>Hexgram for inner truth</title>
    <use x="0" y="0" height="105" width="200" href="#e3_3" />
    <use x="0" y="120" height="105" width="200" href="#e3_6" />
</symbol>
<symbol id="e6_52" viewBox="0 0 200 225">
    <title>Hexgram for the marryin maiden</title>
    <use x="0" y="0" height="105" width="200" href="#e3_4" />
    <use x="0" y="120" height="105" width="200" href="#e3_6" />
</symbol>
<symbol id="e6_53" viewBox="0 0 200 225">
    <title>Hexgram for opposition</title>
    <use x="0" y="0" height="105" width="200" href="#e3_5" />
    <use x="0" y="120" height="105" width="200" href="#e3_6" />
</symbol>
<symbol id="e6_54" viewBox="0 0 200 225">
    <title>Hexgram for the joyous lake</title>
    <use x="0" y="0" height="105" width="200" href="#e3_6" />
    <use x="0" y="120" height="105" width="200" href="#e3_6" />
</symbol>
<symbol id="e6_55" viewBox="0 0 200 225">
    <title>Hexgram for treading</title>
    <use x="0" y="0" height="105" width="200" href="#e3_7" />
    <use x="0" y="120" height="105" width="200" href="#e3_6" />
</symbol>
<symbol id="e6_56" viewBox="0 0 200 225">
    <title>Hexgram for peace</title>
    <use x="0" y="0" height="105" width="200" href="#e3_0" />
    <use x="0" y="120" height="105" width="200" href="#e3_7" />
</symbol>
<symbol id="e6_57" viewBox="0 0 200 225">
    <title>Hexgram for great taming</title>
    <use x="0" y="0" height="105" width="200" href="#e3_1" />
    <use x="0" y="120" height="105" width="200" href="#e3_7" />
</symbol>
<symbol id="e6_58" viewBox="0 0 200 225">
    <title>Hexgram for waiting</title>
    <use x="0" y="0" height="105" width="200" href="#e3_2" />
    <use x="0" y="120" height="105" width="200" href="#e3_7" />
</symbol>
<symbol id="e6_59" viewBox="0 0 200 225">
    <title>Hexgram for small taming</title>
    <use x="0" y="0" height="105" width="200" href="#e3_3" />
    <use x="0" y="120" height="105" width="200" href="#e3_7" />
</symbol>
<symbol id="e6_60" viewBox="0 0 200 225">
    <title>Hexgram for great power</title>
    <use x="0" y="0" height="105" width="200" href="#e3_4" />
    <use x="0" y="120" height="105" width="200" href="#e3_7" />
</symbol>
<symbol id="e6_61" viewBox="0 0 200 225">
    <title>Hexgram for great possession</title>
    <use x="0" y="0" height="105" width="200" href="#e3_5" />
    <use x="0" y="120" height="105" width="200" href="#e3_7" />
</symbol>
<symbol id="e6_62" viewBox="0 0 200 225">
    <title>Hexgram for breakthrough</title>
    <use x="0" y="0" height="105" width="200" href="#e3_6" />
    <use x="0" y="120" height="105" width="200" href="#e3_7" />
</symbol>
<symbol id="e6_63" viewBox="0 0 200 225">
    <title>Hexgram for the creative heaven</title>
    <use x="0" y="0" height="105" width="200" href="#e3_7" />
    <use x="0" y="120" height="105" width="200" href="#e3_7" />
</symbol>
<g>
    <use x="0" y="0" width="200" height="225" stroke-width="6" href="#e6_14" />
</g>

</svg>