Leaflet を利用した地図用アイコン
= シャドウ(影) 付き 2倍サイズ =
- 無料で使えていた Google Maps JavaScript API が2018年7月16日から実質有料化となり、当サイトでも、距離計測など様々な地図ページから Google マップを外さざるを得なくなった。さらに、Yahoo! JavaScriptマップAPI も2020年10月31日で廃止となった。
- このことから、当サイト内の地図ページでは、Leaflet という地図表示のためのオープンソースライブラリを利用し、国土地理院地図 や Open Street Map(オープンストリートマップ)などを読み込み地図ページを構築している。
- ここでは、Leaflet で使うことを主な目的としたアイコン(icon)をサンプルとして掲出する。
- 掲載したアイコンのご利用はフリーです。商用サイトでも使えます。地図以外でのご利用も可能です。ただし、アイコンを再配布したり販売したりすることはご遠慮ください。
- ウェブページでご利用の際は、必ずダウンロードしてご自身のサーバーに置いてお使いください。
- ファイル名はカラーネームとしていますが、ダウンロードした後、自由に変えてくださって結構です。
- 色合いは「Dreamweaver CC で表示されるカラーネーム 」から抽出していますが、カラーネームと色調が若干違うものや、カラーネームが違っても似通ったものもあります。カラーネームにとらわれずにイメージでお使いください。
- 薄い色は地図に重ねるにはあまり適さないかも知れません。
- 先頭の「Default」は、Leaflet を標準で利用した場合に表示されるアイコンです。
- 配列は「Default」を除いてカラーネームのアルファベット順です。
![](icon-with_shadow-2x/Default.png)
Default
![](icon-with_shadow-2x/AliceBlue.png)
AliceBlue
![](icon-with_shadow-2x/AntiqueWhite.png)
AntiqueWhite
![](icon-with_shadow-2x/Aqua.png)
Aqua
![](icon-with_shadow-2x/Aquamarine.png)
Aquamarine
![](icon-with_shadow-2x/Azure.png)
Azure
![](icon-with_shadow-2x/Beige.png)
Beige
![](icon-with_shadow-2x/Bisque.png)
Bisque
![](icon-with_shadow-2x/Black.png)
Black
![](icon-with_shadow-2x/BlanchedAlmond.png)
BlanchedAlmond
![](icon-with_shadow-2x/Blue.png)
Blue
![](icon-with_shadow-2x/BlueViolet.png)
BlueViolet
![](icon-with_shadow-2x/Brown.png)
Brown
![](icon-with_shadow-2x/BurlyWood.png)
BurlyWood
![](icon-with_shadow-2x/CadetBlue.png)
CadetBlue
![](icon-with_shadow-2x/Chartreuse.png)
Chartreuse
![](icon-with_shadow-2x/Chocolate.png)
Chocolate
![](icon-with_shadow-2x/Coral.png)
Coral
![](icon-with_shadow-2x/CornflowerBlue.png)
CornflowerBlue
![](icon-with_shadow-2x/Cornsilk.png)
Cornsilk
![](icon-with_shadow-2x/Crimson.png)
Crimson
![](icon-with_shadow-2x/Cyan.png)
Cyan
![](icon-with_shadow-2x/DarkBlue.png)
DarkBlue
![](icon-with_shadow-2x/DarkCyan.png)
DarkCyan
![](icon-with_shadow-2x/DarkGoldenrod.png)
DarkGoldenrod
![](icon-with_shadow-2x/DarkGray.png)
DarkGray
![](icon-with_shadow-2x/DarkGreen.png)
DarkGreen
![](icon-with_shadow-2x/DarkKhaki.png)
DarkKhaki
![](icon-with_shadow-2x/DarkMagenta.png)
DarkMagenta
![](icon-with_shadow-2x/DarkOliveGreen.png)
DarkOliveGreen
![](icon-with_shadow-2x/DarkOrange.png)
DarkOrange
![](icon-with_shadow-2x/DarkOrchid.png)
DarkOrchid
![](icon-with_shadow-2x/DarkRed.png)
DarkRed
![](icon-with_shadow-2x/DarkSalmon.png)
DarkSalmon
![](icon-with_shadow-2x/DarkSeaGreen.png)
DarkSeaGreen
![](icon-with_shadow-2x/DarkSlateBlue.png)
DarkSlateBlue
![](icon-with_shadow-2x/DarkSlateGray.png)
DarkSlateGray
![](icon-with_shadow-2x/DarkTurquoise.png)
DarkTurquoise
![](icon-with_shadow-2x/DarkViolet.png)
DarkViolet
![](icon-with_shadow-2x/DeepPink.png)
DeepPink
![](icon-with_shadow-2x/DeepSkyBlue.png)
DeepSkyBlue
![](icon-with_shadow-2x/DimGray.png)
DimGray
![](icon-with_shadow-2x/DodgerBlue.png)
DodgerBlue
![](icon-with_shadow-2x/FireBrick.png)
FireBrick
![](icon-with_shadow-2x/FloralWhite.png)
FloralWhite
![](icon-with_shadow-2x/ForestGreen.png)
ForestGreen
![](icon-with_shadow-2x/Fuchsia.png)
Fuchsia
![](icon-with_shadow-2x/Gainsboro.png)
Gainsboro
![](icon-with_shadow-2x/GhostWhite.png)
GhostWhite
![](icon-with_shadow-2x/Gold.png)
Gold
![](icon-with_shadow-2x/Goldenrod.png)
Goldenrod
![](icon-with_shadow-2x/Gray.png)
Gray
![](icon-with_shadow-2x/Green.png)
Green
![](icon-with_shadow-2x/GreenYellow.png)
GreenYellow
![](icon-with_shadow-2x/Honeydew.png)
Honeydew
![](icon-with_shadow-2x/HotPink.png)
HotPink
![](icon-with_shadow-2x/IndianRed.png)
IndianRed
![](icon-with_shadow-2x/Indigo.png)
Indigo
![](icon-with_shadow-2x/Ivory.png)
Ivory
![](icon-with_shadow-2x/Khaki.png)
Khaki
![](icon-with_shadow-2x/Lavender.png)
Lavender
![](icon-with_shadow-2x/LavenderBlush.png)
LavenderBlush
![](icon-with_shadow-2x/LawnGreen.png)
LawnGreen
![](icon-with_shadow-2x/LemonChiffon.png)
LemonChiffon
![](icon-with_shadow-2x/LightBlue.png)
LightBlue
![](icon-with_shadow-2x/LightCoral.png)
LightCoral
![](icon-with_shadow-2x/LightCyan.png)
LightCyan
![](icon-with_shadow-2x/LightGoldenrodYellow.png)
LightGoldenrodYellow
![](icon-with_shadow-2x/LightGray.png)
LightGray
![](icon-with_shadow-2x/LightGreen.png)
LightGreen
![](icon-with_shadow-2x/LightPink.png)
LightPink
![](icon-with_shadow-2x/LightSalmon.png)
LightSalmon
![](icon-with_shadow-2x/LightSeaGreen.png)
LightSeaGreen
![](icon-with_shadow-2x/LightSkyBlue.png)
LightSkyBlue
![](icon-with_shadow-2x/LightSlateGray.png)
LightSlateGray
![](icon-with_shadow-2x/LightSteelBlue.png)
LightSteelBlue
![](icon-with_shadow-2x/LightYellow.png)
LightYellow
![](icon-with_shadow-2x/Lime.png)
Lime
![](icon-with_shadow-2x/LimeGreen.png)
LimeGreen
![](icon-with_shadow-2x/Linen.png)
Linen
![](icon-with_shadow-2x/Magenta.png)
Magenta
![](icon-with_shadow-2x/Maroon.png)
Maroon
![](icon-with_shadow-2x/MediumAquamarine.png)
MediumAquamarine
![](icon-with_shadow-2x/MediumBlue.png)
MediumBlue
![](icon-with_shadow-2x/MediumOrchid.png)
MediumOrchid
![](icon-with_shadow-2x/MediumPurple.png)
MediumPurple
![](icon-with_shadow-2x/MediumSeaGreen.png)
MediumSeaGreen
![](icon-with_shadow-2x/MediumSlateBlue.png)
MediumSlateBlue
![](icon-with_shadow-2x/MediumSpringGreen.png)
MediumSpringGreen
![](icon-with_shadow-2x/MediumTurquoise.png)
MediumTurquoise
![](icon-with_shadow-2x/MediumVioletRed.png)
MediumVioletRed
![](icon-with_shadow-2x/MidnightBlue.png)
MidnightBlue
![](icon-with_shadow-2x/MintCream.png)
MintCream
![](icon-with_shadow-2x/MistyRose.png)
MistyRose
![](icon-with_shadow-2x/Moccasin.png)
Moccasin
![](icon-with_shadow-2x/NavajoWhite.png)
NavajoWhite
![](icon-with_shadow-2x/Navy.png)
Navy
![](icon-with_shadow-2x/OldLace.png)
OldLace
![](icon-with_shadow-2x/Olive.png)
Olive
![](icon-with_shadow-2x/OliveDrab.png)
OliveDrab
![](icon-with_shadow-2x/Orange.png)
Orange
![](icon-with_shadow-2x/OrangeRed.png)
OrangeRed
![](icon-with_shadow-2x/Orchid.png)
Orchid
![](icon-with_shadow-2x/PaleGoldenrod.png)
PaleGoldenrod
![](icon-with_shadow-2x/PaleGreen.png)
PaleGreen
![](icon-with_shadow-2x/PaleTurquoise.png)
PaleTurquoise
![](icon-with_shadow-2x/PaleVioletRed.png)
PaleVioletRed
![](icon-with_shadow-2x/PapayaWhip.png)
PapayaWhip
![](icon-with_shadow-2x/PeachPuff.png)
PeachPuff
![](icon-with_shadow-2x/Peru.png)
Peru
![](icon-with_shadow-2x/Pink.png)
Pink
![](icon-with_shadow-2x/Plum.png)
Plum
![](icon-with_shadow-2x/PowderBlue.png)
PowderBlue
![](icon-with_shadow-2x/Purple.png)
Purple
![](icon-with_shadow-2x/RebeccaPurple.png)
RebeccaPurple
![](icon-with_shadow-2x/Red.png)
Red
![](icon-with_shadow-2x/RosyBrown.png)
RosyBrown
![](icon-with_shadow-2x/RoyalBlue.png)
RoyalBlue
![](icon-with_shadow-2x/SaddleBrown.png)
SaddleBrown
![](icon-with_shadow-2x/Salmon.png)
Salmon
![](icon-with_shadow-2x/SandyBrown.png)
SandyBrown
![](icon-with_shadow-2x/SeaGreen.png)
SeaGreen
![](icon-with_shadow-2x/Seashell.png)
Seashell
![](icon-with_shadow-2x/Sienna.png)
Sienna
![](icon-with_shadow-2x/Silver.png)
Silver
![](icon-with_shadow-2x/SkyBlue.png)
SkyBlue
![](icon-with_shadow-2x/SlateBlue.png)
SlateBlue
![](icon-with_shadow-2x/SlateGray.png)
SlateGray
![](icon-with_shadow-2x/Snow.png)
Snow
![](icon-with_shadow-2x/SpringGreen.png)
SpringGreen
![](icon-with_shadow-2x/SteelBlue.png)
SteelBlue
![](icon-with_shadow-2x/Tan.png)
Tan
![](icon-with_shadow-2x/Teal.png)
Teal
![](icon-with_shadow-2x/Thistle.png)
Thistle
![](icon-with_shadow-2x/Tomato.png)
Tomato
![](icon-with_shadow-2x/Turquoise.png)
Turquoise
![](icon-with_shadow-2x/Violet.png)
Violet
![](icon-with_shadow-2x/Wheat.png)
Wheat
![](icon-with_shadow-2x/WhiteSmoke.png)
WhiteSmoke
![](icon-with_shadow-2x/Yellow.png)
Yellow
![](icon-with_shadow-2x/YellowGreen.png)
YellowGreen