memo-icon

memo-icon

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/memo-icon/memo.svg

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/memo-icon/m2.svg

code:memo.svg

<g>

<rect x="5" y="5" width="190" height="90" rx="15" ry="15"

fill-opacity="0" stroke="white" stroke-width="3" />

<rect x="8" y="8" width="184" height="84" rx="10" ry="10"

fill-opacity="0" stroke="gray" stroke-width="3" />

<text x="40" y="65" font-size="40" stroke="white" stroke-width="1" fill="gray"

font-weight="900" letter-spacing="-1" word-spacing="1" >

Memo

</text>

</g>

</svg>

code:m2.svg

<g>

<rect x="5" y="5" width="290" height="90" rx="15" ry="15"

fill-opacity="0" stroke="white" stroke-width="3" />

<rect x="8" y="8" width="284" height="84" rx="10" ry="10"

fill-opacity="0" stroke="gray" stroke-width="3" />

<text x="15" y="80" font-size="80" stroke="white" stroke-width="3" fill="gray"

font-weight="900" letter-spacing="-1" word-spacing="1" >

Memo

</text>

</g>

</svg>

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/memo-icon/m03.svg

code:m03.svg

<g>

<style type="text/css">

fill: white;

stroke: gray;

stroke-width:3;

font-weight:900;

}

stroke: gray;

stroke-width: 3;

fill-opacity: 0;

}

stroke: white;

stroke-width: 3;

fill-opacity: 0;

}

/* @media (prefers-color-scheme: light) { /* */

@media (prefers-color-scheme: dark) { /* */

fill:gray;

stroke:white;

}

stroke: gray;

}

stroke: white;

}

}

</style>

<rect id="f01" x="5" y="5" width="190" height="90" rx="15" ry="15" />

<rect id="f02" x="8" y="8" width="184" height="84" rx="12" ry="12" />

<text id="tx01" x="20" y="70" font-size="50" letter-spacing="-1" word-spacing="1" >

Memo

</text>

</g>

</svg>

https://gyazo.com/000f5340ebc62c9272246017f5f65ab1