model-1.svg 5.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <svg width="138px" height="50px" viewBox="0 0 138 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  3. <title>切片</title>
  4. <defs>
  5. <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
  6. <stop stop-color="#46DABE" offset="0%"></stop>
  7. <stop stop-color="#2DC7AA" offset="100%"></stop>
  8. </linearGradient>
  9. <rect id="path-2" x="0" y="0" width="138" height="50" rx="25"></rect>
  10. <filter x="-1.8%" y="-5.0%" width="103.6%" height="110.0%" filterUnits="objectBoundingBox" id="filter-3">
  11. <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
  12. <feOffset dx="0" dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
  13. <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
  14. <feColorMatrix values="0 0 0 0 0 0 0 0 0 0.704144022 0 0 0 0 0.569800754 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
  15. </filter>
  16. <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
  17. <stop stop-color="#FFFFFF" stop-opacity="0.5" offset="0%"></stop>
  18. <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
  19. </linearGradient>
  20. <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
  21. <stop stop-color="#FFFFFF" offset="0%"></stop>
  22. <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
  23. </linearGradient>
  24. <text id="text-6" font-family="STYuanti-SC-Bold, Yuanti SC" font-size="15" font-weight="bold" fill="#FFFFFF">
  25. <tspan x="0" y="16">练习模式</tspan>
  26. </text>
  27. <filter x="-3.3%" y="-4.8%" width="106.7%" height="119.0%" filterUnits="objectBoundingBox" id="filter-7">
  28. <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
  29. <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
  30. <feColorMatrix values="0 0 0 0 0.318367388 0 0 0 0 0.848505435 0 0 0 0 0.748674244 0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
  31. </filter>
  32. <text id="text-8" font-family="STYuanti-SC-Light, Yuanti SC" font-size="10" font-weight="300" fill="#FFFFFF">
  33. <tspan x="0" y="30">原音指法跟播</tspan>
  34. </text>
  35. <filter x="-3.3%" y="-7.1%" width="106.7%" height="128.6%" filterUnits="objectBoundingBox" id="filter-9">
  36. <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
  37. <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
  38. <feColorMatrix values="0 0 0 0 0.318367388 0 0 0 0 0.848505435 0 0 0 0 0.748674244 0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
  39. </filter>
  40. </defs>
  41. <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  42. <g id="主界面(10.18)" transform="translate(-154.000000, -290.000000)">
  43. <g id="示范模式" transform="translate(154.000000, 290.000000)">
  44. <g id="矩形">
  45. <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
  46. <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
  47. </g>
  48. <g id="编组-11" transform="translate(14.000000, 10.000000)">
  49. <circle id="椭圆形" fill="url(#linearGradient-4)" cx="15" cy="15" r="15"></circle>
  50. <path d="M24,14.5 C24,9.25329488 19.7467051,5 14.5,5 C9.25329488,5 5,9.25329488 5,14.5 C5,19.7467051 9.25329488,24 14.5,24" id="路径" stroke="url(#linearGradient-5)" stroke-width="2" stroke-linecap="round" transform="translate(14.500000, 14.500000) rotate(-270.000000) translate(-14.500000, -14.500000) "></path>
  51. <path d="M17.7929013,12.6979322 L20.464394,17.2394698 C20.8844232,17.9535195 20.6460726,18.8728721 19.9320229,19.2929013 C19.7015079,19.4284984 19.4389319,19.5 19.1714927,19.5 L13.8285073,19.5 C13.0000802,19.5 12.3285073,18.8284271 12.3285073,18 C12.3285073,17.7325608 12.400009,17.4699848 12.535606,17.2394698 L15.2070987,12.6979322 C15.6271279,11.9838826 16.5464805,11.7455319 17.2605302,12.1655611 C17.4803607,12.2948732 17.6635893,12.4781017 17.7929013,12.6979322 Z" id="三角形" fill="#FFFFFF" transform="translate(16.500000, 15.000000) rotate(-270.000000) translate(-16.500000, -15.000000) "></path>
  52. <path d="M13.8574929,22.5124882 L15.5913025,25.4021709 C15.8754507,25.8757512 15.7218856,26.4900114 15.2483054,26.7741596 C15.09289,26.8674088 14.9150535,26.9166667 14.7338096,26.9166667 L11.2661904,26.9166667 C10.7139056,26.9166667 10.2661904,26.4689514 10.2661904,25.9166667 C10.2661904,25.7354227 10.3154482,25.5575863 10.4086975,25.4021709 L12.1425071,22.5124882 C12.4266552,22.038908 13.0409155,21.8853429 13.5144958,22.1694911 C13.6552454,22.2539408 13.7730432,22.3717386 13.8574929,22.5124882 Z" id="三角形备份" fill="#FFFFFF" transform="translate(13.000000, 24.000000) rotate(-90.000000) translate(-13.000000, -24.000000) "></path>
  53. </g>
  54. <g id="编组" transform="translate(56.000000, 6.000000)" fill="#FFFFFF" fill-opacity="1">
  55. <g id="练习模式">
  56. <use filter="url(#filter-7)" xlink:href="#text-6"></use>
  57. <use xlink:href="#text-6"></use>
  58. </g>
  59. <g id="原音指法跟播">
  60. <use filter="url(#filter-9)" xlink:href="#text-8"></use>
  61. <use xlink:href="#text-8"></use>
  62. </g>
  63. </g>
  64. </g>
  65. </g>
  66. </g>
  67. </svg>