壁紙や透過アイコンを中心に、汎用素材、女性向けにデザインしたナチュラル素材やキラキラ素材、テクスチャ、その他実写素材などを配布しています。加工や印刷もOK。商用サイトにもお使い頂けます。

メモの写真アイコン

mesample1

メモのアイコンです。
すべて実物大。透過pngです。

mesample2

文字を入れる場合の
HTML記述例はこちら


こちらも合わせてご覧ください。
押しピン素材[同窓][別窓
テープアイコン素材[同窓][別窓
クリップ素材[同窓][別窓

ノートの写真アイコンもあります。[同窓][別窓
見開きリングノート 付箋つき06b

シンプル

メモアイコン素材03y メモアイコン素材03y2 メモアイコン素材03r2 メモアイコン素材03 メモアイコン素材03b メモアイコン素材03b2 メモアイコン素材03g メモアイコン素材03r


シンプル2 小さめ

メモアイコン素材02 メモアイコン素材02y メモアイコン素材02b メモアイコン素材02r メモアイコン素材02g メモアイコン素材02y2


折り目のついた紙

折り目のついた紙19e 折り目のついた紙19 折り目のついた紙19a 折り目のついた紙19b 折り目のついた紙19c 折り目のついた紙19d


1枚目をめくったメモ用紙

1枚目をめくったメモ用紙e17 1枚目をめくったメモ用紙17a 1枚目をめくったメモ用紙17b 1枚目をめくったメモ用紙17c


破れた紙

破れた紙13b 破れた紙13c 破れた紙13 破れた紙13a


ブロックメモ

ブロックメモ素材16c ブロックメモ素材16d ブロックメモ素材16e ブロックメモ素材16 ブロックメモ素材16a ブロックメモ素材16b


波々

メモアイコン素材08a メモアイコン素材08b メモアイコン素材08c メモアイコン素材08d メモアイコン素材08e メモアイコン素材08


ノートの切れ端

メモアイコン素材11 メモアイコン素材11a メモアイコン素材11b メモアイコン素材11c メモアイコン素材11d メモアイコン素材11e


重ねた紙

重ねた紙20e 重ねた紙20 重ねた紙20a 重ねた紙20b 重ねた紙20c 重ねた紙20d


重ねた紙 クリップつき

重ねた紙14 重ねた紙14a 重ねた紙14b 重ねた紙14c


角ぺらっと

メモアイコン素材07k メモアイコン素材07 メモアイコン素材07a メモアイコン素材07b メモアイコン素材07c メモアイコン素材07d メモアイコン素材07e メモアイコン素材07f メモアイコン素材07g メモアイコン素材07h メモアイコン素材07i メモアイコン素材07j


バインダー

バインダーメモ15 バインダーメモ15a バインダーメモ15b バインダーメモ15c


線入り

メモアイコン素材06 メモアイコン素材06a メモアイコン素材06b メモアイコン素材06g メモアイコン素材06c メモアイコン素材06d メモアイコン素材06e メモアイコン素材06f


しわくちゃ1

メモアイコン素材10 メモアイコン素材10a メモアイコン素材10b メモアイコン素材10c メモアイコン素材10d メモアイコン素材10e

しわくちゃ2

メモアイコン素材11 メモアイコン素材12 メモアイコン素材13 メモアイコン素材14

HTMLの記述例

mesample1

メモのアイコンです。
すべて実物大。
透過pngです。

<div style="position:relative;">
<img src="http://画像アップロード先URL/mesample1.png" alt="メモアイコン素材" width="158" height="165" />
<p style="position:absolute; top:40px; left:15px; width:128px;">
メモのアイコンです。
すべて実物大。
透過pngです。
</p>
</div>


top:40px; ・・・ 画像の上から文字までの距離を指定します。

left:15px; ・・・ 画像の左から文字までの距離を指定します。

width:128px; ・・・ 文字が入る横幅を指定します。
           画像の横幅は158px、文字の開始位置が左から15pxなので
           右側も15px分空けるために128pxにしています。


mesample2

文字を入れる場合の
HTML記述例はこちら

<div style="position:relative;">
<img src="http://画像アップロード先URL/mesample2.png" alt="メモアイコン素材" width="200" height="150" />
<p style="position:absolute; top:50px; left:25px; width:150px;">
文字を入れる場合の
HTML記述例はこちら。
</p>
</div>

関連素材

リンク

当サイトはリンクフリーです。
尚、素材をご利用頂く場合には
必ずリンクを貼ってください。

リンクを貼らずに利用される場合は ライセンス登録が必要です。

フリーWEB素材 Re:vre

120x60

88x31

31x31

コメントフォーム

管理人へのメッセージはこちらからお気軽にお送りください。(お返事が必要な場合は お問い合わせフォーム をご利用ください)


Please leave this field empty.

本日のおすすめ
WordPressテーマ「Gorgeous (TCD013)」
ページ上部へ戻る