<!doctype html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>SVG デモ</title> <meta name="viewport" content="width=device-width" /> </head> <body> <svg viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice" role="img"> <title>グラデーション</title> <linearGradient id="gradient"> <stop class="begin" offset="0%" stop-color="red" /> <stop class="end" offset="100%" stop-color="black" /> </linear
![HTML 内の SVG 入門 - SVG: スケーラブルベクターグラフィック | MDN](https://cdn-ak-scissors.b.st-hatena.com/image/square/aa767575b4232d312d2c5de428f0bf0955805e26/height=288;version=1;width=512/https%3A%2F%2Fdeveloper.mozilla.org%2Fmdn-social-share.cd6c4a5a.png)