generated at
なるほど

naru01.svg
<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <g> <rect x="5" y="5" width="90" height="90" rx="15" ry="15" fill-opacity="0" stroke="white" stroke-width="2" /> <rect x="8" y="8" width="84" height="84" rx="10" ry="10" fill-opacity="0" stroke="#333" stroke-width="3" /> <text x="10" y="48" font-size="45" stroke="white" stroke-width="2" fill="#333" font-weight="900" letter-spacing="0" word-spacing="0" > な </text> <text x="45" y="48" font-size="45" stroke="white" stroke-width="2" fill="#333" font-weight="900" letter-spacing="0" word-spacing="0" > る </text> <text x="10" y="88" font-size="45" stroke="white" stroke-width="2" fill="#333" font-weight="900" letter-spacing="0" word-spacing="0" > ほ </text> <text x="45" y="88" font-size="45" stroke="white" stroke-width="2" fill="#333" font-weight="900" letter-spacing="0" word-spacing="0" > ど </text> </g> </svg>

naru02.svg
<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <g> <style type="text/css"> #tx01{ fill: white; stroke: #333; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; font-weight:900; } #f01{ stroke: #333; stroke-width: 2; fill-opacity: 0; } #f02{ stroke: white; stroke-width: 2; fill-opacity: 0; } @media (prefers-color-scheme: light) { /* */ /*@media (prefers-color-scheme: dark) { /* */ #tx01{ fill:#333; stroke:white; } #f01{ stroke: #333; } #f02{ stroke: white; } } </style> <rect id="f01" x="5" y="5" width="90" height="90" rx="15" ry="15" /> <rect id="f02" x="8" y="8" width="84" height="84" rx="12" ry="12" /> <text id="tx01" x="10" y="48" font-size="45" letter-spacing="0" word-spacing="0" > な </text> <text id="tx01" x="45" y="48" font-size="45" letter-spacing="0" word-spacing="0" > る </text> <text id="tx01" x="10" y="88" font-size="45" letter-spacing="0" word-spacing="0" > ほ </text> <text id="tx01" x="45" y="88" font-size="45" letter-spacing="0" word-spacing="0" > ど </text> </g> </svg>