SCP財団のマークの周囲に標語が配されているとかっこいいと思ったけど、見つからなかったので https://upload.wikimedia.org/wikipedia/commons/e/ec/SCP_Foundation_(emblem).svg を改造して自分で作った。SVGを習得するとこういうことがサクッとできるから良い。
以下にスレッドでSVGのソースを示す。まだ初心者なのでtext-anchorやstartOffsetの重複を解消できなかった。あと本当は(@anotherとしての)GitHubアカウントを作ってそこに置くべき。
ソース(2/3)
<g id="a">
<path d="m-15.8-59.6h31.7l3.07 11.4,.944.391
c19.4 8.03 32 26.9 32 47.9,0 2.26-.149 4.53-.445 6.77
l-.133 1.01,8.37 8.37,-15.8 27.4"
fill="none" stroke="#000" stroke-width="4"/>
<path d="m-3-40.9v24h-5.08l8.08 14 8.08-14h-5.08l-.000265-24h-5.99"/>
</g>
<use transform="rotate(120)" href="#a"/>
<use transform="rotate(240)" href="#a"/>
<defs>
<path id="m" d="M -25.8819 -96.5926 A 100 100 0 0 0 -96.5926 25.8819"/>
</defs>
<style>
<![CDATA[text{font:bold 22px Verdana, Helvetica, Arial, sans-serif;}]]>
</style>
ソース(3/3)
<g transform="scale(0.7)">
<text text-anchor="middle">
<textPath href="#m" startOffset="50%" letter-spacing="4.1">SECURE</textPath>
</text>
<text text-anchor="middle" transform="rotate(-120)">
<textPath href="#m" startOffset="50%" letter-spacing="3.3">CONTAIN</textPath>
</text>
<text text-anchor="middle" transform="rotate(-240)">
<textPath href="#m" startOffset="50%" letter-spacing="3.1">PROTECT</textPath>
</text>
</g>
</svg>
「サクッと」と書いちゃったけど、あまりサクッとでもなかった。いちいち要素とか属性を調べながらで、合計で5-6時間くらい使ったから。
ソース(1/3)
<!-- SCP Foundation Emblem with Motto by @ another @ fedibird.com on 2024-01-03.
Modified from https://upload.wikimedia.org/wikipedia/commons/e/ec/SCP_Foundation_(emblem).svg
and verified on Google Chrome 120.0.6999.130 and Inkscape 1.3.2 -->
<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-80 -80 160 160" width="512" height="512">
<rect x="-80" y="-80" width="160" height="160" fill="#fff"/>
<circle r="33" fill="none" stroke="#000" stroke-width="6"/>