ArchLinuxJP Images

ArchLinux関連の画像リンクなどを掲載します。

wallpaper

壁紙作りました。

SVG edit

SVGを編集するには、Editorを使用するか、inkscapeなどから編集するのがおすすめです。簡易な編集ならEditorからでも可能です。

$ vim /path/to/arch.svg
or
$ sudo pacman -S inkscape --noconfirm
$ inkscape /path/to/arch.svg

Change size

$ sudo pacman -S imagemagick --noconfirm
$ convert -geometry 190x40! archlogo.png archlogo_190x40.png

SVG to PNG

$ inkscape -f arch.svg -e arch.png

PNG to SVG

PNGをSVGに変換するには、ImageMagickなどでは難しいので、InkscapeをインストールしてPNGファイルを読み込み、SVGで保存します。

ただし、PNGのデータが変換されてSVGに埋め込まれる形になります。

$ inkscape -f arch.png -l arch.svg

FontAwesome to PNG

https://github.com/odyniec/font-awesome-to-png

$ sudo pip install pillow

ArchLinux関連の画像リンク

IconFinder

https://www.iconfinder.com

IconFinderは、豊富な種類のアイコンが公開されているサイトです。

IcoMoon

https://icomoon.io

IcoMoonは、オリジナルのWebフォントを作成できます。

アイコンフォントのメリットは、CSSによるエフェクトが追加できる点などです。例えば、マウスオーバーでアイコンを光らせることも可能。

したがって、例えば、Webサイトの顔となるようなアイコン部分は、Webフォントで作成する方が良いとされています。

./font/icomoon/demo.html

<span class="icon-archlinux"></span>

.icon-archlinux:before {
    content: "\e900";
}

<p> &#xe900; ArchLinux </p>

SVG Animation for ArchLinuxJP

アイコンにSVGエフェクトをつけてみました。アニメーションも可。

demo : https://archlinuxjp.github.io/archimg-jp