今夜はロールバック!

ただの日記です。

TOP

色々なプログラミング言語のロゴがダンロードできる「SVG Porn」

f:id:momogaaaa:20170620232322p:plain

 

プログラミング系のブログ記事を書く時のアイキャッチ画像に役立つサイト「SVG Porn」の紹介。

またSVGからPNGへ変換する方法についても紹介していく。

 

 

svgporn.com

 

SVG Pronの使い方

それではさっそくSVG Pronを使っていこう。

 

f:id:momogaaaa:20170620233516p:plain

ではまずはhttps://svgporn.com/ へアクセス

 

f:id:momogaaaa:20170620233510p:plain

そして検索したいプログラミング言語の名前を入力。

今回は「CSS」で検索。

 

f:id:momogaaaa:20170620233505p:plain

そしてダウンロードボタンをクリックするとSVGファイルがダウンロードできる。 

まずはSVGでダウンロードして、その後PNGに変換していく。

  

SVGをPNGに変換する方法 

svgtopng.com

このツールを使ってSVGをPNGへ変換する。

 

SVG Pornで落としたロゴを紹介

さきほどの一連の流れでPNG化したロゴ。

有名どころを何点かダウンロードしたので紹介していくことに。

 

f:id:momogaaaa:20170620233618p:plain

まずは、CSS3のロゴ。

 

f:id:momogaaaa:20170620233625p:plain

賛否両論にわかれるCoffeeScript。

 

f:id:momogaaaa:20170620233628p:plain

みんな大好きReact.js。

 

f:id:momogaaaa:20170620233630p:plain

お馴染みのSass。

 

f:id:momogaaaa:20170620233633p:plain

AngularJS

 

f:id:momogaaaa:20170620233637p:plain

Backbone.js。

 

f:id:momogaaaa:20170620233649p:plain

そしてRuby。

 

f:id:momogaaaa:20170620233652p:plain

大好きJava。

 

さいごに

たまに資料を作っていて各言語のロゴが欲しくなる時があるが、このようなサイトがあると非常に便利。

これからもちゃんとメンテされ続けていくとを願うばかりだ。

それでは今日はこのへんで。