test2.svg 835 B

12345678910111213141516
  1. <svg width="130" 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=".1" offset="0" />
  4. <stop stop-opacity=".1" 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="82" y="0" x="42" rx="0" height="20" ry="0" />
  9. <rect style="fill:#f1fa8c" width="12" y="0" x="118" rx="4" height="20" ry="4" />
  10. <path fill="url(#gradient)" d="M0 0h130v20H0z" />
  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">biggest world</text>
  15. </g>
  16. </svg>