CSSスプライト用ダウンロード ページ

WEBサイトやスマートフォンページ用に1枚の画像で書き出すことができます。

※こちらはIEとSafariでは対応しておりません。

サイズ変更

px

選択しているアイコン

アイコン色

背景色(デフォルト透明)


■見出しとして使う

HTML側(htmlにペーストするコード)


    
    

CSS側の指定

    .simpleIcon{
        padding-left:192px;
        line-height:192px;
    }
    
    .simpleIcon:before{
        /*↓イメージフォルダのパス(img)は任意の場所へ*/
        background:url(img/simpleicon.svg) no-repeat;
        content:"";
        display:block;
        width:192px;
        height:192px;
        background-size:100%;
        background-position:0px 0px;
        position: absolute;
        overflow:hidden;
        left:0px;
    }