issacoid

issacっぽいど

作り方

[https://get-battenberg-svg.vercel.app/api/svg?col1=cc0&col2=c0c&col3=0cc&col4=444&.svg]

https://get-battenberg-svg.vercel.app/api/svg?col1=cc0&col2=c0c&col3=0cc&col4=444&.svg

url パラメータから色を直接指定できる

旧作り方

code:issacoid.svg

<rect x="0" y="0" width="1" height="1" fill="#c0c000"/><!--左上-->

<rect x="1" y="0" width="1" height="1" fill="#c000c0"/><!--右上-->

<rect x="0" y="1" width="1" height="1" fill="#00c0c0"/><!--左下-->

<rect x="1" y="1" width="1" height="1" fill="#404040"/><!--右下-->

</svg>

svg-hosting を使ってソースから svg を絵として表示させる

code:url

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/villagepump/PAGE_NAME/issacoid.svg

url を書き換えておく

このページの場合は

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/villagepump/issacoid/issacoid.svg

issac.icon

https://gyazo.com/33c4b85d22ceebf0e38aa242211065fe

nishio.icon

https://gyazo.com/36e1d86c7fa33270ee7697348946faf1

Summer498.icon

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/villagepump/Summer498/issacoid.svg

$ \textcolor{32fed9}{\rule{20pt}{20pt}}\textcolor{fe32d9}{\rule{20pt}{20pt}} \\[-3.5pt]\textcolor{fff4dc}{\rule{20pt}{20pt}}\textcolor{646464}{\rule{20pt}{20pt}}

$ \textcolor{fe5022}{\rule{20pt}{20pt}}\textcolor{7fba00}{\rule{20pt}{20pt}} \\[-3.5pt]\textcolor{00a4ef}{\rule{20pt}{20pt}}\textcolor{ffb700}{\rule{20pt}{20pt}}

shoya140.icon

$ \textcolor{473939}{\rule{20pt}{20pt}}\textcolor{605F92}{\rule{20pt}{20pt}} \\[-3.5pt]\textcolor{B5B5C5}{\rule{20pt}{20pt}}\textcolor{434261}{\rule{20pt}{20pt}}

基素.icon

https://gyazo.com/532f0b1908d88e685015e0943094794b

suto3.icon

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

meganii.icon

$ \textcolor{333333}{\rule{20pt}{20pt}}\textcolor{FEE6DB}{\rule{20pt}{20pt}} \\[-3.5pt]\textcolor{b1000e}{\rule{20pt}{20pt}}\textcolor{666666}{\rule{20pt}{20pt}}

maichan.icon

https://gyazo.com/dca54c0310453af69a4218e65ee24d46

teyoda7.icon

https://gyazo.com/8361e6f21b2556c5e3b7d919c36cddac

kumatako.icon

https://scrapbox.io/files/6603c9e303a8e0002538750b.svg

$ \textcolor{d9c074}{\rule{20pt}{20pt}}\textcolor{dbd8db}{\rule{20pt}{20pt}} \\[-3.5pt]\textcolor{f7dad2}{\rule{20pt}{20pt}}\textcolor{aa9ff0}{\rule{20pt}{20pt}}

yosider.icon

色は自分で決めるのか

スポイトで抽出するのかな

code:yosider-issacoid.svg

<rect x="0" y="0" width="1" height="1" fill="#A6C0E5"/><!--左上-->

<rect x="1" y="0" width="1" height="1" fill="#FBEACE"/><!--右上-->

<rect x="0" y="1" width="1" height="1" fill="#DDEEB7"/><!--左下-->

<rect x="1" y="1" width="1" height="1" fill="#B28371"/><!--右下-->

</svg>

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/villagepump/issacoid/yosider-issacoid.svg

https://gyazo.com/cf450ee057ce23f64380d62849fe332b

https://gyazo.com/569998f693d09e3802fdb3e92ed6464f

おお～

全体的に淡いな

大きい画像にしてる人はどうやってるんだろう

が、中身同じなので小さい画像でいいんじゃないかと

ちなみに前までテンプレの大きさが200だったためみんな大きい

biwa.icon

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/villagepump/biwa/issacoid.svg

https://important-coyote-95-9mt5jxyndy8g.deno.dev/#.svg

mtane0412.icon

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/villagepump/mtane0412/issacoid.svg

sume.icon

https://gyazo.com/15b7988d7edc49a146d087b441bf0872

sume.icon

イサコイドって読むはず

イサクさんよりも早口のイサksanみたいな発音の方が実は合ってるのでは