logic-tree-icon
logic-tree-icon
https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/logic-tree-icon/l03.svg
https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/logic-tree-icon/l2.svg
code:l2.svg
<g>
<rect x="5" y="5" width="390" height="90" rx="15" ry="15"
fill-opacity="0" stroke="white" stroke-width="3" />
<rect x="8" y="8" width="384" height="84" rx="10" ry="10"
fill-opacity="0" stroke="gray" stroke-width="3" />
<text x="15" y="75" font-size="70" stroke="white" stroke-width="3" fill="gray"
font-weight="900" letter-spacing="1" word-spacing="1" >
logic-tree
</text>
</g>
</svg>
code:l03.svg
<g>
<style type="text/css">
fill: white;
stroke: gray;
stroke-width:2;
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="390" height="90" rx="15" ry="15"/>
<rect id="f02" x="8" y="8" width="384" height="84" rx="12" ry="12"/>
<text id="tx01" x="40" y="75" font-size="60" letter-spacing="1" word-spacing="1" >
logic-tree
</text>
</g>
</svg>