コピペで使えるSVGアイコン素材集 ～ その２（モノクロ）

• ホーム
• Javascript,CSS,HTMLデザイン無料素材集
• コピペで使えるSVGアイコン素材集 ～ その２（モノクロ）

インラインSVGタグアイコン。ソースコードのコピペで簡単にHTMLにSVGアイコンを描画できます。
fill(塗りつぶし色)、stroke(線の色)、stroke-width(線の太さ)、width(表示する大きさ)を変更すれば、好みの色や大きさに表示できます。

マスク アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#FFF;stroke:#333;stroke-width:2;" x="18" y="26" width="28" height="17" />
  <path d="M18,32 l28,0" style="fill:none;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M18,37 l28,0" style="fill:none;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M18,31 a8,8 0,0,0 -4,-8 a8,8 0,0,0 -4,0 a8,8 0,0,0 0,10 a6,6 0,0,0  8,4" style="fill:none;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M46,31 a8,8 0,0,1  4,-8 a8,8 0,0,1  4,0 a8,8 0,0,1 0,10 a6,6 0,0,1 -8,4" style="fill:none;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <rect style="fill:#FFF;stroke:#333;stroke-width:2;" x="18" y="26" width="28" height="17" />
  <path d="M18,32 l28,0" style="fill:none;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M18,37 l28,0" style="fill:none;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M18,31 a8,8 0,0,0 -4,-8 a8,8 0,0,0 -4,0 a8,8 0,0,0 0,10 a6,6 0,0,0  8,4" style="fill:none;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M46,31 a8,8 0,0,1  4,-8 a8,8 0,0,1  4,0 a8,8 0,0,1 0,10 a6,6 0,0,1 -8,4" style="fill:none;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <rect style="fill:#FFF;stroke:#333;stroke-width:2;" x="18" y="26" width="28" height="17" />
  <path d="M18,32 l28,0" style="fill:none;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M18,37 l28,0" style="fill:none;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M18,31 a8,8 0,0,0 -4,-8 a8,8 0,0,0 -4,0 a8,8 0,0,0 0,10 a6,6 0,0,0  8,4" style="fill:none;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M46,31 a8,8 0,0,1  4,-8 a8,8 0,0,1  4,0 a8,8 0,0,1 0,10 a6,6 0,0,1 -8,4" style="fill:none;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>

スプーン アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M16,44 l15,-13 a12.5,12.5 0,0,1 17,-15 a12.5,12.5 0,0,1 -15,17 l-13,15 a2,2 0,0,1 -4,-4" style="fill:#333;stroke:#333;stroke-width:1;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M16,44 l15,-13 a12.5,12.5 0,0,1 17,-15 a12.5,12.5 0,0,1 -15,17 l-13,15 a2,2 0,0,1 -4,-4" style="fill:#333;stroke:#333;stroke-width:1;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M16,44 l15,-13 a12.5,12.5 0,0,1 17,-15 a12.5,12.5 0,0,1 -15,17 l-13,15 a2,2 0,0,1 -4,-4" style="fill:#333;stroke:#333;stroke-width:1;stroke-linejoin:round;" />
</svg>

ヘッドフォン アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#333;stroke:#333;stroke-width:4" x="16" y="32" width="8" height="12" />
  <rect style="fill:#333;stroke:#333;stroke-width:4" x="40" y="32" width="8" height="12" />
  <path d="M16,38 A18,18 0,1,1 48,38" style="fill:none;stroke:#333;stroke-width:4;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <rect style="fill:#333;stroke:#333;stroke-width:4" x="16" y="32" width="8" height="12" />
  <rect style="fill:#333;stroke:#333;stroke-width:4" x="40" y="32" width="8" height="12" />
  <path d="M16,38 A18,18 0,1,1 48,38" style="fill:none;stroke:#333;stroke-width:4;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <rect style="fill:#333;stroke:#333;stroke-width:4" x="16" y="32" width="8" height="12" />
  <rect style="fill:#333;stroke:#333;stroke-width:4" x="40" y="32" width="8" height="12" />
  <path d="M16,38 A18,18 0,1,1 48,38" style="fill:none;stroke:#333;stroke-width:4;" />
</svg>

コーン アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M18,38 l28,0 l2,8 l-32,0 z M16,46 l32,0 l0,4 l-32,0 z" style="fill:#fff;stroke:#333;stroke-width:2;" />
  <path d="M22,38 a14,14 0,0,0 20,0 l-8,-26 l-4,0 z" style="fill:#fff;stroke:#333;stroke-width:2;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M18,38 l28,0 l2,8 l-32,0 z M16,46 l32,0 l0,4 l-32,0 z" style="fill:#fff;stroke:#333;stroke-width:2;" />
  <path d="M22,38 a14,14 0,0,0 20,0 l-8,-26 l-4,0 z" style="fill:#fff;stroke:#333;stroke-width:2;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M18,38 l28,0 l2,8 l-32,0 z M16,46 l32,0 l0,4 l-32,0 z" style="fill:#fff;stroke:#333;stroke-width:2;" />
  <path d="M22,38 a14,14 0,0,0 20,0 l-8,-26 l-4,0 z" style="fill:#fff;stroke:#333;stroke-width:2;" />
</svg>

指 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M20,42 a4,4 0,0,0 2,1 a13,9 0,0,0 26,0 l0,-12 a3,3 0,0,0 -6,0 a3,3 0,0,0 -6,0 a3,3 0,0,0 -6,0 l0,-18 a4,4 0,0,0 -8,0 l0,20 l0,-4  l-4,-4 a4,4 0,0,0 -4,4 l2,5 z" style="fill:#fff;stroke:#333;stroke-width:2;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M20,42 a4,4 0,0,0 2,1 a13,9 0,0,0 26,0 l0,-12 a3,3 0,0,0 -6,0 a3,3 0,0,0 -6,0 a3,3 0,0,0 -6,0 l0,-18 a4,4 0,0,0 -8,0 l0,20 l0,-4  l-4,-4 a4,4 0,0,0 -4,4 l2,5 z" style="fill:#fff;stroke:#333;stroke-width:2;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M20,42 a4,4 0,0,0 2,1 a13,9 0,0,0 26,0 l0,-12 a3,3 0,0,0 -6,0 a3,3 0,0,0 -6,0 a3,3 0,0,0 -6,0 l0,-18 a4,4 0,0,0 -8,0 l0,20 l0,-4  l-4,-4 a4,4 0,0,0 -4,4 l2,5 z" style="fill:#fff;stroke:#333;stroke-width:2;" />
</svg>

本 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M14,18 a10,10 0,0,0 8,8 l28,-8 a10,10 0,0,1 -8,-8 z" style="fill:#AAA;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M14,18 l0,28 a10,10 0,0,0 8,8 l0,-28 a10,10 0,0,1 -8,-8 z" style="fill:#CCC;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M22,26 l0,28 l28,-8 l0,-28 z" style="fill:#FFF;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M14,18 a10,10 0,0,0 8,8 l28,-8 a10,10 0,0,1 -8,-8 z" style="fill:#AAA;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M14,18 l0,28 a10,10 0,0,0 8,8 l0,-28 a10,10 0,0,1 -8,-8 z" style="fill:#CCC;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M22,26 l0,28 l28,-8 l0,-28 z" style="fill:#FFF;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M14,18 a10,10 0,0,0 8,8 l28,-8 a10,10 0,0,1 -8,-8 z" style="fill:#AAA;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M14,18 l0,28 a10,10 0,0,0 8,8 l0,-28 a10,10 0,0,1 -8,-8 z" style="fill:#CCC;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M22,26 l0,28 l28,-8 l0,-28 z" style="fill:#FFF;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>

雲 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M22,28 a8,8 0,0,0 -6,18 l32,0 a8,8 0,0,0 -6,-18 a10.3,10.3 0,1,0 -20,0 z" style="fill:#FFF;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M22,28 a8,8 0,0,0 -6,18 l32,0 a8,8 0,0,0 -6,-18 a10.3,10.3 0,1,0 -20,0 z" style="fill:#FFF;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M22,28 a8,8 0,0,0 -6,18 l32,0 a8,8 0,0,0 -6,-18 a10.3,10.3 0,1,0 -20,0 z" style="fill:#FFF;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>

雨雲 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M22,24 a8,8 0,0,0 -6,18 l32,0 a8,8 0,0,0 -6,-18 a10.3,10.3 0,1,0 -20,0 z" style="fill:#FFF;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M20,44 l0,2 m-1,3 l-1,2 z" style="fill:none;stroke:#333;stroke-width:3;stroke-linejoin:round;" />
  <path d="M32,44 l0,2 m-1,3 l-1,2 z" style="fill:none;stroke:#333;stroke-width:3;stroke-linejoin:round;" />
  <path d="M42,44 l0,2 m-1,3 l-1,2 z" style="fill:none;stroke:#333;stroke-width:3;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M22,24 a8,8 0,0,0 -6,18 l32,0 a8,8 0,0,0 -6,-18 a10.3,10.3 0,1,0 -20,0 z" style="fill:#FFF;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M20,44 l0,2 m-1,3 l-1,2 z" style="fill:none;stroke:#333;stroke-width:3;stroke-linejoin:round;" />
  <path d="M32,44 l0,2 m-1,3 l-1,2 z" style="fill:none;stroke:#333;stroke-width:3;stroke-linejoin:round;" />
  <path d="M42,44 l0,2 m-1,3 l-1,2 z" style="fill:none;stroke:#333;stroke-width:3;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M22,24 a8,8 0,0,0 -6,16 l32,0 a8,8 0,0,0 -6,-16 a10.3,10.3 0,1,0 -20,0 z" style="fill:#FFF;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M20,44 l0,2 m-1,3 l-1,2 z" style="fill:none;stroke:#333;stroke-width:3;stroke-linejoin:round;" />
  <path d="M32,44 l0,2 m-1,3 l-1,2 z" style="fill:none;stroke:#333;stroke-width:3;stroke-linejoin:round;" />
  <path d="M42,44 l0,2 m-1,3 l-1,2 z" style="fill:none;stroke:#333;stroke-width:3;stroke-linejoin:round;" />
</svg>

りんご アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M32,20 a12,16 0,0,0 -18,10 a14,18 0,0,0 18,20  a14,18 0,0,0 18,-20 a12,16 0,0,0 -18,-10 z" style="fill:#F00;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M32,10 l0,10 z" style="fill:#FFF;stroke:#A44;stroke-width:4;stroke-linejoin:round;" />
  <path d="M32,14 a10,10 0,0,0 16,-4 a10,10 0,0,0 -16,4" style="fill:#3CA;stroke:none;stroke-width:4;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M32,20 a12,16 0,0,0 -18,10 a14,18 0,0,0 18,20  a14,18 0,0,0 18,-20 a12,16 0,0,0 -18,-10 z" style="fill:#F00;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M32,10 l0,10 z" style="fill:#FFF;stroke:#A44;stroke-width:4;stroke-linejoin:round;" />
  <path d="M32,14 a10,10 0,0,0 16,-4 a10,10 0,0,0 -16,4" style="fill:#3CA;stroke:none;stroke-width:4;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M32,20 a12,16 0,0,0 -18,10 a14,18 0,0,0 18,20  a14,18 0,0,0 18,-20 a12,16 0,0,0 -18,-10 z" style="fill:#F00;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M32,10 l0,10 z" style="fill:#FFF;stroke:#A44;stroke-width:4;stroke-linejoin:round;" />
  <path d="M32,14 a10,10 0,0,0 16,-4 a10,10 0,0,0 -16,4" style="fill:#3CA;stroke:none;stroke-width:4;stroke-linejoin:round;" />
</svg>

茶碗 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M12,20 a24,24 0,0,0 12,24 l0,6 l16,0 l0,-6 a24,24 0,0,0,12,-24 a30,30 0,0,0 -40,0 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M16,20 a32,32 0,0,0 32,0 a32,32 0,0,0 -32,0 z" style="fill:#FFF;stroke:none;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M12,20 a24,24 0,0,0 12,24 l0,6 l16,0 l0,-6 a24,24 0,0,0,12,-24 a30,30 0,0,0 -40,0 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M16,20 a32,32 0,0,0 32,0 a32,32 0,0,0 -32,0 z" style="fill:#FFF;stroke:none;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M12,20 a24,24 0,0,0 12,24 l0,6 l16,0 l0,-6 a24,24 0,0,0,12,-24 a30,30 0,0,0 -40,0 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M16,20 a32,32 0,0,0 32,0 a32,32 0,0,0 -32,0 z" style="fill:#FFF;stroke:none;stroke-width:2;stroke-linejoin:round;" />
</svg>

茶碗とお箸 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M12,20 a24,24 0,0,0 12,16 l0,6 l16,0 l0,-6 a24,24 0,0,0 12,-16 a30,30 0,0,0 -40,0 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M16,20 a32,32 0,0,0 32,0 a32,32 0,0,0 -32,0 z" style="fill:#FFF;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M16,46 l32,-0.5 l0,6 l-32,-0.5 l0,-2.0 l28,-0.5 l-28,-0.5 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M12,20 a24,24 0,0,0 12,16 l0,6 l16,0 l0,-6 a24,24 0,0,0 12,-16 a30,30 0,0,0 -40,0 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M16,20 a32,32 0,0,0 32,0 a32,32 0,0,0 -32,0 z" style="fill:#FFF;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M16,46 l32,-0.5 l0,6 l-32,-0.5 l0,-2.0 l28,-0.5 l-28,-0.5 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M12,20 a24,24 0,0,0 12,16 l0,6 l16,0 l0,-6 a24,24 0,0,0 12,-16 a30,30 0,0,0 -40,0 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M16,20 a32,32 0,0,0 32,0 a32,32 0,0,0 -32,0 z" style="fill:#FFF;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M16,46 l32,-0.5 l0,6 l-32,-0.5 l0,-2.0 l28,-0.5 l-28,-0.5 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
</svg>

ハサミ アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M44,52 l-20,-40 l-4,2 a5,5 0,1,0 6,12 l16,28 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M20,52  l20,-40 l4,2  a5,5 0,1,1 -6,12 l-16,28 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M22,16 a3,3,0,1,0 3,6 z" style="fill:#FFF;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M42,16 a3,3,0,1,1 -3,6 z" style="fill:#FFF;stroke:none;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M44,53 l-20,-40 l-4,2 a5,5 0,1,0 6,12 l16,28 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M20,53  l20,-40 l4,2  a5,5 0,1,1 -6,12 l-16,28 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M22,16 a3,3,0,1,0 3,6 z" style="fill:#FFF;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M42,16 a3,3,0,1,1 -3,6 z" style="fill:#FFF;stroke:none;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M44,52 l-20,-40 l-4,2 a5,5 0,1,0 6,12 l16,28 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M20,52  l20,-40 l4,2  a5,5 0,1,1 -6,12 l-16,28 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M22,16 a3,3,0,1,0 3,6 z" style="fill:#FFF;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M42,16 a3,3,0,1,1 -3,6 z" style="fill:#FFF;stroke:none;stroke-width:2;stroke-linejoin:round;" />
</svg>

人 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M32,12 m0,-4 a4,4 0,1,1 0,8 a4,4 0,1,1 0,-8 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M32,18
    l-8,0 a6,8 0,0,0 -6,8
    l0,8 a3,3 0,0,0 5,0 l0,-6 a1,1 0,0,1 2,0 l0,26   a3,3 0,0,0 6,0 l0,-16
    a1,1 0,0,1 2,0
    l0,16 a3,3 0,0,0 6,0 l0,-26   a1,1 0,0,1 2,0 l0,6 a3,3 0,0,0 5,0 l0,-8
    a6,8 0,0,0 -6,-8 l-8,0
     z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M32,12 m0,-4 a4,4 0,1,1 0,8 a4,4 0,1,1 0,-8 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M32,18
    l-8,0 a6,8 0,0,0 -6,8
    l0,8 a3,3 0,0,0 5,0 l0,-6 a1,1 0,0,1 2,0 l0,26   a3,3 0,0,0 6,0 l0,-16
    a1,1 0,0,1 2,0
    l0,16 a3,3 0,0,0 6,0 l0,-26   a1,1 0,0,1 2,0 l0,6 a3,3 0,0,0 5,0 l0,-8
    a6,8 0,0,0 -6,-8 l-8,0
     z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M32,12 m0,-4 a4,4 0,1,1 0,8 a4,4 0,1,1 0,-8 z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
  <path d="M32,18
    l-8,0 a6,8 0,0,0 -6,8
    l0,8 a3,3 0,0,0 5,0 l0,-6 a1,1 0,0,1 2,0 l0,26   a3,3 0,0,0 6,0 l0,-16
    a1,1 0,0,1 2,0
    l0,16 a3,3 0,0,0 6,0 l0,-26   a1,1 0,0,1 2,0 l0,6 a3,3 0,0,0 5,0 l0,-8
    a6,8 0,0,0 -6,-8 l-8,0
     z" style="fill:#333;stroke:none;stroke-width:2;stroke-linejoin:round;" />
</svg>

右 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M26,12 l14,14 a6.6,6.6 0,0,1 0,12 l-14,14 a5.2,5.2 0,0,1 -2,-10 l10,-10 l-10,-10 a5.2,5.2 0,0,1 2,-10 z" style="fill:#EEE;stroke:#999;stroke-width:4;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M26,12 l14,14 a6.6,6.6 0,0,1 0,12 l-14,14 a5.2,5.2 0,0,1 -2,-10 l10,-10 l-10,-10 a5.2,5.2 0,0,1 2,-10 z" style="fill:#EEE;stroke:#999;stroke-width:4;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M26,12 l14,14 a6.6,6.6 0,0,1 0,12 l-14,14 a5.2,5.2 0,0,1 -2,-10 l10,-10 l-10,-10 a5.2,5.2 0,0,1 2,-10 z" style="fill:#EEE;stroke:#999;stroke-width:4;stroke-linejoin:round;" />
</svg>

左 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M38,12 l-14,14 a6.6,6.6 0,0,0 0,12 l14,14 a5.2,5.2 0,0,0 2,-10 l-10,-10 l10,-10 a5.2,5.2 0,0,0 -2,-10 z" style="fill:#EEE;stroke:#999;stroke-width:4;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M38,12 l-14,14 a6.6,6.6 0,0,0 0,12 l14,14 a5.2,5.2 0,0,0 2,-10 l-10,-10 l10,-10 a5.2,5.2 0,0,0 -2,-10 z" style="fill:#EEE;stroke:#999;stroke-width:4;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M38,12 l-14,14 a6.6,6.6 0,0,0 0,12 l14,14 a5.2,5.2 0,0,0 2,-10 l-10,-10 l10,-10 a5.2,5.2 0,0,0 -2,-10 z" style="fill:#EEE;stroke:#999;stroke-width:4;stroke-linejoin:round;" />
</svg>

上 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M32,16 L18,36 L26,36 L26,52 A20,20 0,1,1 38,52 L38,36 L46,36 z" style="fill:#333;stroke:none;stroke-width:2;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M32,16 L18,36 L26,36 L26,52 A20,20 0,1,1 38,52 L38,36 L46,36 z" style="fill:#333;stroke:none;stroke-width:2;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M32,16 L18,36 L26,36 L26,52 A20,20 0,1,1 38,52 L38,36 L46,36 z" style="fill:#333;stroke:none;stroke-width:2;" />
</svg>

下 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M32,49 L18,29 L26,29 L26,13 A20,20 0,1,0 38,13 L38,29 L46,29 z" style="fill:#333;stroke:none;stroke-width:2;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M32,49 L18,29 L26,29 L26,13 A20,20 0,1,0 38,13 L38,29 L46,29 z" style="fill:#333;stroke:none;stroke-width:2;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M32,49 L18,29 L26,29 L26,13 A20,20 0,1,0 38,13 L38,29 L46,29 z" style="fill:#333;stroke:none;stroke-width:2;" />
</svg>

車1 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M22,20 l16,0 l8,8 l8,2 l0,10 l-44,0 l0,-10 z" style="fill:#777;stroke:#333;stroke-width:2;stroke-linejoin:round;" /> 
  <path d="M14,40 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M38,40 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M22,22 l6,0 l0,6 l-12,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
  <path d="M30,22 l8,0 l6,6 l-14,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M22,20 l16,0 l8,8 l8,2 l0,10 l-44,0 l0,-10 z" style="fill:#777;stroke:#333;stroke-width:2;stroke-linejoin:round;" /> 
  <path d="M14,40 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M38,40 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M22,22 l6,0 l0,6 l-12,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
  <path d="M30,22 l8,0 l6,6 l-14,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M22,20 l16,0 l8,8 l8,2 l0,10 l-44,0 l0,-10 z" style="fill:#777;stroke:#333;stroke-width:2;stroke-linejoin:round;" /> 
  <path d="M14,40 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M38,40 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M22,22 l6,0 l0,6 l-12,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
  <path d="M30,22 l8,0 l6,6 l-14,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
</svg>

車2 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M22,20 l16,0 l8,8 l8,2 l0,10 l-44,0 l0,-10 l4,-10 z" style="fill:#777;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M14,40 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M38,40 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M16,22 l12,0 l0,6 l-16,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
  <path d="M30,22 l8,0 l6,6 l-14,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M22,20 l16,0 l8,8 l8,2 l0,10 l-44,0 l0,-10 l4,-10 z" style="fill:#777;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M14,40 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M38,40 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M16,22 l12,0 l0,6 l-16,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
  <path d="M30,22 l8,0 l6,6 l-14,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M22,20 l16,0 l8,8 l8,2 l0,10 l-44,0 l0,-10 l4,-10 z" style="fill:#777;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M14,40 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M38,40 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M16,22 l12,0 l0,6 l-16,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
  <path d="M30,22 l8,0 l6,6 l-14,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
</svg>

車3 アイコン

HTML・CSSソースコードを見る

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M22,20 l24,0 l8,10 l0,12 l-44,0 l0,-12 l2,-10 z" style="fill:#777;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M14,42 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M38,42 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M14,22 l12,0 l0,8 l-14,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
  <path d="M28,22 l12,0 l0,8 l-12,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
  <path d="M42,22 l4,0 l6,8 l-10,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
</svg>
<!-- 長方形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M22,20 l24,0 l8,10 l0,12 l-44,0 l0,-12 l2,-10 z" style="fill:#777;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M14,42 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M38,42 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M14,22 l12,0 l0,8 l-14,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
  <path d="M28,22 l12,0 l0,8 l-12,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
  <path d="M42,22 l4,0 l6,8 l-10,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
</svg>
<!-- 円形の縁付き -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M22,20 l24,0 l8,10 l0,12 l-44,0 l0,-12 l2,-10 z" style="fill:#777;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <path d="M14,42 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M38,42 a6,6, 0,0,1 12,0 a6,6 0,0,1 -12,0 z" style="fill:#000;stroke:#999;stroke-width:0;stroke-linejoin:round;" />
  <path d="M14,22 l12,0 l0,8 l-14,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
  <path d="M28,22 l12,0 l0,8 l-12,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
  <path d="M42,22 l4,0 l6,8 l-10,0 z" style="fill:#FFF;stroke:#FFF;stroke-width:0;stroke-linejoin:round;" />
</svg>

電池 アイコン

HTML・CSSソースコードを見る

<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M14,22 l32,0 l0,6 l5,0 l0,8 l-5,0 l0,6 l-32,0 z" style="fill:#000;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M14,22 l32,0 l0,6 l5,0 l0,8 l-5,0 l0,6 l-32,0 z" style="fill:#000;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M14,22 l32,0 l0,6 l5,0 l0,8 l-5,0 l0,6 l-32,0 z" style="fill:#000;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>

スパナ アイコン

HTML・CSSソースコードを見る

<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M16,44 l16,-16 a6,6 0,0,1 12,-12 l-6,6 l4,4 l6,-6 a6,6 0,0,1 -12,12 l-16,16 a2,2 0,1,1 -4,-4 z" style="fill:#000;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M16,44 l16,-16 a6,6 0,0,1 12,-12 l-6,6 l4,4 l6,-6 a6,6 0,0,1 -12,12 l-16,16 a2,2 0,1,1 -4,-4 z" style="fill:#000;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M16,44 l16,-16 a6,6 0,0,1 12,-12 l-6,6 l4,4 l6,-6 a6,6 0,0,1 -12,12 l-16,16 a2,2 0,1,1 -4,-4 z" style="fill:#000;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>

飛行機 アイコン

HTML・CSSソースコードを見る

<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M32,50 l-12,3 l0,-6 l8,-2 l0,-12 l-16,4 l0,-8 l16,-4 l0,-12 a4,4 0,0,1 8,0 l0,12 l16,4 l0,8 l-16,-4 l0,12 l8,2 l0,6 z" style="fill:#000;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M32,50 l-12,3 l0,-6 l8,-2 l0,-12 l-16,4 l0,-8 l16,-4 l0,-12 a4,4 0,0,1 8,0 l0,12 l16,4 l0,8 l-16,-4 l0,12 l8,2 l0,6 z" style="fill:#000;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M32,50 l-12,3 l0,-6 l8,-2 l0,-12 l-16,4 l0,-8 l16,-4 l0,-12 a4,4 0,0,1 8,0 l0,12 l16,4 l0,8 l-16,-4 l0,12 l8,2 l0,6 z" style="fill:#000;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
</svg>

カート アイコン

HTML・CSSソースコードを見る

<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M14,20 l6,0 l5,20 l20,0 l4,-16 l-22,0" style="fill:none;stroke:#000;stroke-width:6;stroke-linejoin:round;stroke-linecap:round;" />
  <circle style="fill:#000;stroke:#000;stroke-width:0;stroke-linejoin:round;stroke-linecap:round;" cx="28" cy="48" r="4" />
  <circle style="fill:#000;stroke:#000;stroke-width:0;stroke-linejoin:round;stroke-linecap:round;" cx="40" cy="48" r="4" />
</svg>
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#EEE;stroke:#666;stroke-width:2;" x="4" y="4" width="56" height="56" />
  <path d="M14,20 l6,0 l5,20 l20,0 l4,-16 l-22,0" style="fill:none;stroke:#000;stroke-width:6;stroke-linejoin:round;stroke-linecap:round;" />
  <circle style="fill:#000;stroke:#000;stroke-width:0;stroke-linejoin:round;stroke-linecap:round;" cx="28" cy="48" r="4" />
  <circle style="fill:#000;stroke:#000;stroke-width:0;stroke-linejoin:round;stroke-linecap:round;" cx="40" cy="48" r="4" />
</svg>
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#EEE;stroke:#666;stroke-width:2;" cx="32" cy="32" r="28" />
  <path d="M14,20 l6,0 l5,20 l20,0 l4,-16 l-22,0" style="fill:none;stroke:#000;stroke-width:6;stroke-linejoin:round;stroke-linecap:round;" />
  <circle style="fill:#000;stroke:#000;stroke-width:0;stroke-linejoin:round;stroke-linecap:round;" cx="28" cy="48" r="4" />
  <circle style="fill:#000;stroke:#000;stroke-width:0;stroke-linejoin:round;stroke-linecap:round;" cx="40" cy="48" r="4" />
</svg>