Liruu Font

Liruu Designのオリジナルアイコンフォントです。
個人・商用共に無料でご利用可能ですが、テキストリンクを貼っていただけるとありがたいです。
 
This is the original icon font of Liruu Design.
Free for personal and commercial both it is available.


Icon font set


class
liruu-arrow-right


class
liruu-arrow-left


class
liruu-arrow-up


class
liruu-arrow-down


class
liruu-arrow-pop-right


class
liruu-arrow-pop-left


class
liruu-arrow-pop-up


class
liruu-arrow-pop-down


class
liruu-info


class
liruu-info-heart


class
liruu-megaphone


class
liruu-calendar


class
liruu-cart


class
liruu-balloon


class
liruu-clock


class
liruu-folder


class
liruu-tag


class
liruu-emblem


class
liruu-map


class
liruu-serch


class
liruu-movie


class
liruu-new


class
liruu-star


class
liruu-pencil


class
liruu-write


class
liruu-letter


class
liruu-lock


class
liruu-wallet


class
liruu-setting


class
liruu-sign


class
liruu-blouse


class
liruu-skirt


class
liruu-onepice


class
liruu-bottoms


class
liruu-socks


class
liruu-pumps


class
liruu-boots


class
liruu-bag


class
liruu-present


class
liruu-ribbon


class
liruu-heart


class
liruu-bird


class
liruu-bird-mail


class
liruu-book


class
liruu-butterfly


class
liruu-cake


class
liruu-cake-birthday


class
liruu-cat-arrow-left


class
liruu-cat-arrow-right


class
liruu-cat-faq


class
liruu-cat-love


class
liruu-center


class
liruu-hand-good


class
liruu-clover


class
liruu-rice


class
liruu-eat


class
liruu-cup


class
liruu-dog


class
liruu-hammer


class
liruu-mountain


class
liruu-number0


class
liruu-number1


class
liruu-number2


class
liruu-number3


class
liruu-number4


class
liruu-number5


class
liruu-number6


class
liruu-number7


class
liruu-number8


class
liruu-number9


How to setting


Download

ダウンロード後に解凍してください。
Please download the zip file.

Free Download

liruufont
 ∟  font
    ∟  liruu-icons
      ∟  liruu-icons.eot
      ∟  liruu-icons.svg
      ∟  liruu-icons.ttf
      ∟  liruu-icons.woff
css
 ∟  liruu-font.css


HTML Setup

Liruu Fontを利用するにはliruu-にアイコン名を記述します。
You can place Liruu font icons just about anywhere using the CSS Prefix liruu- and the icon's name.

result :


<html>
   <head>
     <!--Import liruu-font.css-->
     <link rel="stylesheet" href="css/liruu-font.css" />
   </head>

   <body>
     <!--HTML code-->
     <i class="liruu-arrow-right"></i>
   </body>
 </html>
        


Animated

liruu-spinを指定すれば、アイコンがくるくる回ります。
Use the liruu-spin class to get any icon to rotate.

result :


<!--HTML code-->
<i class="liruu-arrow-right liruu-spin"></i>
        


Circle

liruu-circleを指定すれば、丸で囲まれます。
Use the liruu-circle class to get any icon to surrounded by a circle.

result :


<!--HTML code-->
<i class="liruu-arrow-right liruu-circle-small"></i>
<i class="liruu-arrow-right liruu-circle-medium"></i>
<i class="liruu-arrow-right liruu-circle"></i>
        


Download

Free Download

Liruu fontは個人・商用共に無料でご利用頂けますが、テキストリンクを貼っていただけるとありがたいです。
When you use the Liruu font, please put a text link to your site.


<!--text link-->
Iconfont designed by <a href="http://liruu.com/liruu-font/" target="_blank">Liruu Font</a>