test3.svg 825 B

12345678910111213141516
  1. <svg width="120" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" height="20">
  2. <linearGradient x2="0" id="gradient" y2="100%">
  3. <stop stop-color="#bbb" stop-opacity="0" offset="0" />
  4. <stop stop-opacity="0" offset="1" />
  5. </linearGradient>
  6. <g mask="url(#gradient)">
  7. <rect style="fill:#282A36" width="38" y="0" x="0" rx="4" height="20" ry="4" />
  8. <rect style="fill:#f1fa8c" width="72" y="0" x="42" rx="0" height="20" ry="0" />
  9. <rect style="fill:#f1fa8c" width="12" y="0" x="108" rx="4" height="20" ry="4" />
  10. <path fill="url(#gradient)" d="M0 0h120v20H0z" />
  11. </g>
  12. <g font-size="12" fill="#282A36" font-family="DejaVu Sans,Verdana,Geneva,sans-serif">
  13. <text y="15.0" x="6" fill="#e0e0e0">Hello</text>
  14. <text y="15.0" x="44" fill="black">world</text>
  15. </g>
  16. </svg>