ちょっと良いUIおれおれAdvent Calendar 2024 – 21日目 簡単な図形を描くのに CSS 使うことってよくあると思うんですが、簡単な図形なら SVG 使うのもありです。簡単なものは割と簡単なので。 デモ: https://codepen.io/ginpei/pen/LEPyWWG 簡単に図形を描く SVG のコードは直接 HTML に埋め込んで書くことができます。 <p> 詳しくは <svg class="icon" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">…</svg> ボタンを押してみてね。 </p> <svg> 要素の viewBox 属性で表示範囲を指定します。描画される大きさとは別物です。適当に viewBox="0 0 100 100" とかにしておけばいいでしょう。 currentC
