tutorial / directive

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2013-9-30: Created.
-->
<svg>
<metadata>
Created by iconfont
</metadata>
<defs>

<font id="iconfont" horiz-adv-x="1024" >
  <font-face
    font-family="iconfont"
    font-weight="500"
    font-stretch="normal"
    units-per-em="1024"
    ascent="896"
    descent="-128"
  />
    <missing-glyph />
    
    <glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
    

    
    <glyph glyph-name="year-account" unicode="&#58880;" d="M826.176 896h-623.68c-110.4 0-200.128-84.096-200.128-187.584v-648.768c0-103.488 89.728-187.648 200.128-187.648h623.744c110.4 0 200.128 84.16 200.128 187.648v648.768c-0.064 103.488-89.792 187.584-200.192 187.584zM954.752 59.648c0-63.936-57.664-116.032-128.576-116.032h-623.68c-70.848 0-128.512 52.032-128.512 116.032l-0 648.768c0 64 57.664 116.032 128.512 116.032h623.744c70.848 0 128.576-52.032 128.576-116.032v-648.768zM411.968 709.888h204.8v-57.344h-204.8v57.344zM332.096 732.48h57.28v-102.4h-57.28v102.4zM639.296 732.48h57.344v-102.4h-57.344v102.4zM819.904 709.888h-100.672v-57.344h90.816v-523.008h-591.36v523.072h90.816v57.28h-104.064c-24.704 0-44.032-20.096-44.032-45.696v-546.176c0-25.6 19.328-45.696 44.032-45.696h614.464c25.664 0 47.36 20.928 47.36 45.696v546.176c0 24.768-21.696 45.696-47.36 45.696zM437.696 190.656v283.264h-54.016l-75.264-79.232 37.632-32.832 27.264 18.816v-190.016zM681.792 390.656c0 44.416-32.384 87.232-94.784 87.232-38.784 0-77.248-20.032-100.416-64.448l53.568-29.12c31.168 57.216 94.016 16.384 56-26.432l-115.264-129.6 17.984-37.184h182.528l0 67.968h-64.064l-33.216-6.784 62.464 59.264c25.664 23.936 35.2 52.736 35.2 79.104z"  horiz-adv-x="1027" />

    
    <glyph glyph-name="month-account" unicode="&#58881;" d="M821.505 892.287h-620.067c-109.761 0-198.967-83.61-198.967-186.497v-645.010c0-102.887 89.206-186.559 198.967-186.559h620.131c109.76 0 198.966 83.673 198.966 186.559v645.010c-0.063 102.887-89.27 186.497-199.030 186.497zM949.397 60.781h-0.063c0-63.566-57.327-115.358-127.829-115.358h-620.067c-70.434 0-127.765 51.73-127.765 115.358v645.010c0 63.628 57.331 115.358 127.765 115.358h620.131c70.437 0 127.829-51.73 127.829-115.358v-645.010zM409.696 707.253h203.613v-57.012h-203.613v57.012zM330.286 729.715h56.948v-101.804h-56.948v101.804zM635.707 729.715h57.012v-101.804h-57.012v101.804zM815.267 707.253h-100.085v-57.012h90.29v-519.977h-587.935v520.041h90.289v56.948h-103.459c-24.559 0-43.778-19.975-43.778-45.427v-543.013c0-25.452 19.219-45.433 43.778-45.433h610.902c25.517 0 47.089 20.806 47.089 45.433v543.013c0 24.621-21.573 45.427-47.089 45.427zM364.037 411.343c2.767 18.885 13.374 28.582 31.828 29.097 18.449-0.766 27.905-8.938 28.369-24.502-0.692-19.401-14.996-28.464-42.9-27.183v-47.090c30.672 2.041 45.668-7.915 44.976-29.862-1.616-19.909-12.455-30.378-32.519-31.392-11.536 0-20.066 3.57-25.601 10.719-6.227 7.143-9.228 16.714-8.995 28.714h-67.81c0.918-63.301 33.786-96.096 98.599-98.393 70.804 1.532 106.903 32.667 108.287 93.415-0.465 27.308-12.227 46.193-35.291 56.66 19.141 9.697 28.596 27.434 28.369 53.216-2.541 48.24-33.677 73.375-93.411 75.421-62.047-2.297-94.914-31.908-98.599-88.82h64.698zM519.372 363.487c1.151-93.674 36.554-141.014 106.211-142.036 69.194 1.023 104.364 48.491 105.52 142.419-1.849 88.306-37.018 133.741-105.52 136.294-68.969-3.062-104.369-48.622-106.211-136.676zM624.545 440.439c12.682 0 21.795-6.509 27.33-19.525 5.535-11.743 7.957-32.034 7.266-60.874 0-53.090-11.191-79.632-33.558-79.632-23.525-1.023-34.942 25.268-34.251 78.866-0.692 54.107 10.379 81.163 33.213 81.163z"  horiz-adv-x="1024" />

    
    <glyph glyph-name="DOC" unicode="&#58882;" d="M659.673 875.004v-271.283h271.283zM639.231 528.095c-30.478 0-55.185 24.708-55.185 55.185v312.719h-456.813c-30.477 0-55.185-24.707-55.185-55.185v-913.629c0-30.478 24.708-55.185 55.185-55.185h769.533c30.478 0 55.185 24.707 55.185 55.185v600.91h-312.72zM732.232 112.671c0-10.159-8.236-18.395-18.395-18.395h-403.673c-10.159 0-18.395 8.236-18.395 18.395v34.235c0 10.159 8.236 18.395 18.395 18.395h403.673c10.159 0 18.395-8.236 18.395-18.395v-34.235zM732.232 257.278c0-10.159-8.236-18.395-18.395-18.395h-403.673c-10.159 0-18.395 8.236-18.395 18.395v34.235c0 10.159 8.236 18.395 18.395 18.395h403.673c10.159 0 18.395-8.236 18.395-18.395v-34.235zM732.232 401.884c0-10.159-8.236-18.395-18.395-18.395h-403.673c-10.159 0-18.395 8.236-18.395 18.395v34.235c0 10.159 8.236 18.395 18.395 18.395h403.673c10.159 0 18.395-8.236 18.395-18.395v-34.235z"  horiz-adv-x="1024" />

    
    <glyph glyph-name="compose" unicode="&#58883;" d="M1000.870912 719.541248l-50.026496-50.02752L795.743232 824.61696l50.026496 50.02752c28.585984 28.474368 74.81344 28.474368 103.400448 0l51.700736-51.700736C1029.456896 794.358784 1029.456896 748.014592 1000.870912 719.541248L1000.870912 719.541248zM72.48384-54.972416l806.55872 0L879.04256 456.793088l73.030656 0 0-511.765504c0-40.310784-32.717824-73.027584-73.030656-73.027584L74.8288-128c-40.421376 0-73.1392 32.717824-73.1392 73.027584L1.6896 749.244416c0 40.4224 32.717824 73.1392 73.1392 73.1392l511.762432 0 0-70.797312L72.48384 751.586304 72.48384-54.972416 72.48384-54.972416zM897.468416 616.137728 537.234432 255.903744l-155.101184 155.10528 360.233984 360.231936L897.468416 616.137728 897.468416 616.137728zM483.6352 202.86464l1.78688-1.78688-8.819712-2.793472c-13.848576-10.271744-29.9264-15.742976-46.343168-14.851072l-177.102848-56.502272 56.615936 177.212416c-0.781312 16.416768 4.580352 32.161792 14.741504 46.006272l2.791424 8.933376 1.784832-1.784832 0 0.111616L483.6352 202.86464 483.6352 202.86464z"  horiz-adv-x="1024" />

    
    <glyph glyph-name="print" unicode="&#58884;" d="M912.729088 137.439232l-76.302336 0 0 75.855872 38.093824 0 0 75.855872L149.476352 289.150976l0-75.855872 38.094848 0 0-75.855872-76.300288 0c-21.115904 0-38.208512 16.980992-38.208512 37.98528L73.0624 554.704896c0 36.64384 152.716288 75.855872 419.832832 75.855872 14.190592 0 26.7008 0 38.208512 0 264.769536 0 419.83488-38.320128 419.83488-75.855872l0-379.280384C950.9376 154.420224 933.844992 137.439232 912.729088 137.439232L912.729088 137.439232zM817.323008 516.721664c-31.616 0-57.20064-25.473024-57.20064-56.865792s25.58464-56.863744 57.20064-56.863744 57.198592 25.470976 57.198592 56.863744S848.939008 516.721664 817.323008 516.721664L817.323008 516.721664zM225.778688 858.128384C225.778688 879.019008 242.87232 896 263.9872 896l496.135168 0c21.004288 0 38.096896-16.980992 38.096896-37.871616l0-189.697024L225.778688 668.43136 225.778688 858.128384 225.778688 858.128384zM798.219264-90.126336c0-20.891648-17.092608-37.873664-38.096896-37.873664L263.9872-128c-21.115904 0-38.208512 16.980992-38.208512 37.873664L225.778688 251.280384l572.439552 0L798.21824-90.126336 798.219264-90.126336zM721.915904 213.295104 302.082048 213.295104l0-37.871616 419.83488 0L721.916928 213.295104 721.915904 213.295104zM721.915904 137.439232 302.082048 137.439232l0-37.871616 419.83488 0L721.916928 137.439232 721.915904 137.439232zM721.915904 61.58336 302.082048 61.58336l0-37.871616 419.83488 0L721.916928 61.58336 721.915904 61.58336zM721.915904-14.272512 302.082048-14.272512l0-37.871616 419.83488 0L721.916928-14.272512 721.915904-14.272512z"  horiz-adv-x="1024" />

    
    <glyph glyph-name="trash" unicode="&#58885;" d="M948.589568 605.760512l-70.829056 0 0-660.697088c0-40.331264-32.73216-73.063424-73.17504-73.063424L219.41248-128c-40.440832 0-73.17504 32.73216-73.17504 73.063424L146.23744 605.760512 73.064448 605.760512l0 70.829056c0 40.440832 32.843776 73.172992 73.172992 73.172992l146.35008 0L292.58752 822.82496c0 40.440832 32.73216 73.17504 73.061376 73.17504l290.356224 0c40.440832 0 75.40736-32.734208 75.40736-73.17504l0-73.063424 146.35008 0c40.331264 0 73.17504-32.73216 73.17504-73.172992L948.589568 605.760512 948.589568 605.760512zM438.82496 18.238464l146.35008 0L585.17504 530.349056 438.82496 530.349056 438.82496 18.238464 438.82496 18.238464zM242.203648 530.349056l0-512.110592 123.444224 0L365.647872 530.349056 242.203648 530.349056 242.203648 530.349056zM658.236416 822.82496l-292.58752 0 0-73.063424 292.58752 0L658.236416 822.82496 658.236416 822.82496zM781.684736 530.349056 658.236416 530.349056l0-512.110592 123.44832 0L781.684736 530.349056 781.684736 530.349056z"  horiz-adv-x="1024" />

    
    <glyph glyph-name="return" unicode="&#58886;" d="M876.858368-54.856704l-173.1072 0L703.751168 244.260864 703.751168 417.036288l0 5.469184c-1.006592 1.895424-2.567168 3.346432-4.913152 3.68128l-2.00704 0L518.13888 426.186752l-17.410048 0 0-193.422336c0-13.728768-8.594432-26.225664-21.542912-31.47264-4.353024-1.785856-8.927232-2.567168-13.391872-2.567168-9.040896 0-18.082816 3.458048-24.779776 9.931776l-284.61056 278.025216c-6.583296 6.362112-10.266624 15.179776-10.266624 24.108032 0 8.930304 3.683328 17.746944 10.266624 24.108032L441.014272 812.92288c6.69696 6.47168 15.627264 9.933824 24.779776 9.933824 4.46464 0 9.038848-0.78336 13.391872-2.569216 12.94848-5.245952 21.542912-17.74592 21.542912-31.47264l0-193.537024 190.855168 0c2.00704 0.111616 4.129792 0.336896 6.248448 0.336896 2.120704 0 4.129792-0.22528 6.25152-0.336896l0.669696 0 0 0c92.191744-3.458048 165.965824-74.667008 171.993088-164.068352l0.111616 0 0-1.339392c0.223232-3.458048 1.004544-6.69696 1.004544-10.043392 0-6.252544-0.334848-12.500992-1.004544-18.527232L876.858368-54.856704 876.858368-54.856704 876.858368-54.856704z"  horiz-adv-x="1024" />

    
    <glyph glyph-name="add" unicode="&#58887;" d="M1024 448 576 448 576 896 448 896 448 448 0 448 0 320 448 320 448-128 576-128 576 320 1024 320Z"  horiz-adv-x="1024" />

    
    <glyph glyph-name="close" unicode="&#58888;" d="M960 741.554176 869.551104 832 512 474.452992 154.448896 832 64 741.554176 421.551104 384 64 26.452992 154.448896-64 512 293.554176 869.551104-64 960 26.452992 602.448896 384Z"  horiz-adv-x="1024" />

    
    <glyph glyph-name="date" unicode="&#58889;" d="M1024-63.98464l0 640-0.01536 0L1023.98464 704c0 35.34336-28.655616 64-63.998976 64L802.441216 768 802.441216 832c0 35.34336-28.648448 64-63.998976 64l-63.998976 0c-35.34336 0-63.998976-28.65664-63.998976-64L610.444288 768 413.548544 768 413.548544 832c0 35.34336-28.648448 64-63.998976 64l-63.998976 0c-35.34336 0-63.998976-28.65664-63.998976-64L221.551616 768 63.998976 768C28.655616 768 0 739.34336 0 704l0-128L0 512l0.01536 0 0-149.336064L0.008192 362.663936l0-64 0.008192 0 0-149.336064L0.008192 149.327872l0-64 0.008192 0 0-149.312512 63.998976 0L64.01536 85.327872l175.996928 0L240.012288-64 0-64c0-35.351552 28.655616-64 63.998976-64l895.986688 0c35.34336 0 63.998976 28.648448 63.998976 64L784.004096-64 784.004096 85.327872l175.996928 0 0-149.312512L1024-63.98464zM240.012288 149.327872 64.014336 149.327872 64.014336 298.663936l175.996928 0L240.011264 149.327872zM240.012288 362.663936 64.014336 362.663936 64.014336 512l175.996928 0L240.011264 362.663936zM285.550592 672l0 128c0 17.672192 14.327808 32 32 32s32-14.327808 32-32l0-128c0-17.672192-14.327808-32-32-32S285.550592 654.327808 285.550592 672zM480.008192-64 304.011264-64 304.011264 85.327872l175.996928 0L480.008192-64zM480.008192 149.327872 304.011264 149.327872 304.011264 298.663936l175.996928 0L480.008192 149.327872zM480.008192 362.663936 304.011264 362.663936 304.011264 512l175.996928 0L480.008192 362.663936zM720.00512-64 544.007168-64 544.007168 85.327872 720.00512 85.327872 720.00512-64zM720.00512 149.327872 544.007168 149.327872 544.007168 298.663936 720.00512 298.663936 720.00512 149.327872zM720.00512 362.663936 544.007168 362.663936 544.007168 512 720.00512 512 720.00512 362.663936zM738.44224 672c0-17.672192-14.327808-32-32-32-17.671168 0-32 14.327808-32 32l0 128c0 17.672192 14.327808 32 32 32 17.671168 0 32-14.327808 32-32L738.44224 672zM784.004096 512l175.996928 0 0-149.336064L784.004096 362.663936 784.004096 512zM784.004096 149.327872 784.004096 298.663936l175.996928 0 0-149.336064L784.004096 149.327872z"  horiz-adv-x="1024" />

    
    <glyph glyph-name="zoomin" unicode="&#58890;" d="M421.499904 384 210.746368 173.246464 64.004096 319.995904 64.004096-64.004096 448.004096-64.004096 301.246464 82.746368 512 293.499904ZM602.500096 384 813.253632 594.753536 959.995904 448.004096 959.995904 832.004096 575.995904 832.004096 722.753536 685.253632 512 474.500096Z"  horiz-adv-x="1024" />

    
    <glyph glyph-name="zoomout" unicode="&#58891;" d="M154.504192-64.004096 365.257728 146.750464 512 0 512 384 128 384 274.757632 237.249536 64.004096 26.496ZM869.495808 832.004096 658.742272 621.249536 512 768 512 384 896 384 749.242368 530.750464 959.995904 741.504Z"  horiz-adv-x="1024" />

    
    <glyph glyph-name="import" unicode="&#58892;" d="M514.812928 124.000256c14.749696 0 29.500416 5.062656 41.437184 15.250432l359.999488 305.999872-82.875392 97.50016L578.812928 326.375424 578.812928 832l-128 0 0-507.077632L189.8752 543.125504l-82.1248-98.249728L473.749504 138.87488C485.656576 128.937984 500.21888 124.000256 514.812928 124.000256zM64 64l896 0 0-128-896 0 0 128Z"  horiz-adv-x="1024" />

    
    <glyph glyph-name="copy" unicode="&#59137;" d="M806.4 768c19.2 0 32 12.8 32 32s-12.8 32-32 32h-704c-19.2 0-38.4-12.8-38.4-32v-704c0-19.2 19.2-32 32-32 19.2 0 32 12.8 32 32v672h678.4zM902.4 704h-640c-32 0-64-32-64-64v-640c0-32 32-64 64-64h640c32 0 64 32 64 64v640c0 32-32 64-64 64zM902.4 32c0-19.2-12.8-32-32-32h-576c-19.2 0-32 12.8-32 32v576c0 19.2 12.8 32 32 32h576c19.2 0 32-12.8 32-32v-576z"  horiz-adv-x="1024" />

    


  </font>
</defs></svg>