Cafi Netつながる情報技術
  1. トップ>
  2. フリー素材集>
  3. ダウンロードボタン

ダウンロードボタンをダウンロード

ダウンロードボタンのフリー(無料)素材です。

画像は PNG(ピーエヌジー)形式です。

フリー素材は、右クリックから「名前を付けて画像を保存」するか zip 形式でダウンロードしてご利用下さい。

フリー素材集の利用規約はこちらです。フリー素材は、ブログやホームページなどでご利用頂けます。

ダウンロードボタンのフリー素材1

フリー素材をダウンロード(zip 形式)
ダウンロードボタンの無料素材(PNG)(60 素材)

60色のカラーバリエーション

60色のカラーバリエーションを用意しました。

アイコンの周りは透過処理(透過 PNG)してありますので、様々な背景色でご利用頂けます。

使用例として、Excel ファイルのダウンロードボタン設置を解説します。

※Excel 以外のファイルでも、同じ方法が使用できるかと思います。

Excel ファイルを準備

まずは、ウェブサイトのユーザーにダウンロードして頂くファイルを用意します。

上の画像の例では、Excel ファイルを用意しました。

ファイルをフォルダ内に移動

新しいフォルダを作成します。

フォルダの名前を変更します。

上の画像のように、Excel ファイルをフォルダ内に移動します。

圧縮フォルダを作成

フォルダを右クリック/送る/圧縮(zip 形式)フォルダをクリックします。

作成した圧縮フォルダ

上の画像のように、圧縮(zip 形式)フォルダが作成されます。

この圧縮(zip 形式)フォルダをダウンロードして頂く形になるので、フォルダをウェブサイトにアップロードします。

ダウンロードボタンを配置して、圧縮(zip 形式)フォルダにリンクします。

Excel ファイルのダウンロードはこちら

HTML コードは以下の通りです。

<p><a href="images/download-icon-free-example.zip"><img src="images/download-icon-free45.png" width="460" height="138" alt="Excel ファイルのダウンロードはこちら"/></a></p>

<a href="images/download-icon-free-example.zip"> ~ </a> は、圧縮(zip 形式)フォルダへのリンクです。

images フォルダの download-icon-free-example.zip にリンクとなっているので、ご自身が作成したフォルダ名に変更して下さい。

<img src="images/download-icon-free45.png" width="460" height="138" alt="Excel ファイルのダウンロードはこちら"/> は、ダウンロードボタン(画像)の指定です。

ご自身が使用する画像の「ファイル名」「サイズ」「代替テキスト(alt 属性)」に変更して下さい。

当サイトのフリー素材がお役に立ちましたら幸いです。