情報共有-icon

[https://scrapbox.io/api/pages/suto3/情報共有-icon/icon#.svg]

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/情報共有-icon/i2.svg

code:i.svg

<foreignObject x="0" y="0" height="15" width="200">

<style>

div {

color: white; /* 白文字 */

background: linear-gradient( to right,

red,

orange,

yellow,

green,

aqua,

blue,

purple,

red

) 0% center / 400% auto ; /* グラデーション */

padding: 0.1em 0.2em 0.1em 0.2em;

animation: rainbow 16s linear infinite;

animation-direction: reverse;

font-size: 14px;

font-weight: bold;

font-family: "Noto Sans Mono CJK JP Bold";

line-height: 1em;

width:100%;height:100%;

transform-origin: top left;

transform: scale(0.67, 1);

}

@keyframes rainbow {

to { background-position-x: 400%; }

}

</style>

<div>

情報共有

</div>

</html>

</foreignObject>

</svg>

code:i2.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="25" y="65" font-size="40" stroke="white" stroke-width="1" fill="gray"

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

情報共有

</text>

</g>

</svg>