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

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

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

ハンバーガー アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M14,19 L49,19 M14,32 L49,32 M14,45 L49,45" 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" />
  <path d="M14,19 L49,19 M14,32 L49,32 M14,45 L49,45" 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" />
  <path d="M14,19 L49,19 M14,32 L49,32 M14,45 L49,45" style="fill:none;stroke:#333;stroke-width:4;" />
</svg>

星 アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M32, 8 L39,22 L55,25 L43,36 L46,51 L32,44 L18,51 L21,36 L 9,25 L25,22 z" style="fill:#333;stroke:#none;" />
</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, 8 L39,22 L55,25 L43,36 L46,51 L32,44 L18,51 L21,36 L 9,25 L25,22 z" style="fill:#333;stroke:#none;" />
</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, 8 L39,22 L55,25 L43,36 L46,51 L32,44 L18,51 L21,36 L 9,25 L25,22 z" style="fill:#333;stroke:#none;" />
</svg>

ペン アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M25,8  L37,8  L37,18 L25,18 z" style="fill:#333;stroke:none;" />
  <path d="M25,22 L37,22 L37,46 L31,55 L25,46 z" style="fill:#333;stroke:none;" />
</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="M25,8  L37,8  L37,18 L25,18 z" style="fill:#333;stroke:none;" />
  <path d="M25,22 L37,22 L37,46 L31,55 L25,46 z" style="fill:#333;stroke:none;" />
</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="M25,8  L37,8  L37,18 L25,18 z" style="fill:#333;stroke:none;" />
  <path d="M25,22 L37,22 L37,46 L31,55 L25,46 z" style="fill:#333;stroke:none;" />
</svg>

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M37, 8 L48,14 L43,23 L32,17 z" style="fill:#333;stroke:none;" />
  <path d="M30,20 L41,26 L29,47 L19,52 L18,41 z" style="fill:#333;stroke:none;" />
</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="M37, 8 L48,14 L43,23 L32,17 z" style="fill:#333;stroke:none;" />
  <path d="M30,20 L41,26 L29,47 L19,52 L18,41 z" style="fill:#333;stroke:none;" />
</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="M37, 8 L48,14 L43,23 L32,17 z" style="fill:#333;stroke:none;" />
  <path d="M30,20 L41,26 L29,47 L19,52 L18,41 z" style="fill:#333;stroke:none;" />
</svg>

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M43,10 L52,19 L44,26 L36,18 z" style="fill:#333;stroke:none;" />
  <path d="M33,20 L42,29 L25,46 L14,48 L16,37 z" style="fill:#333;stroke:none;" />
</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="M43,10 L52,19 L44,26 L36,18 z" style="fill:#333;stroke:none;" />
  <path d="M33,20 L42,29 L25,46 L14,48 L16,37 z" style="fill:#333;stroke:none;" />
</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="M43,10 L52,19 L44,26 L36,18 z" style="fill:#333;stroke:none;" />
  <path d="M33,20 L42,29 L25,46 L14,48 L16,37 z" style="fill:#333;stroke:none;" />
</svg>

矢印 アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M33,8 L48,32 L40,32 L 40,53 L24,53 L24,32 L16,32 z" style="fill:#333;stroke:none;" />
</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="M33,8 L48,32 L40,32 L 40,53 L24,53 L24,32 L16,32 z" style="fill:#333;stroke:none;" />
</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="M33,8 L48,32 L40,32 L 40,53 L24,53 L24,32 L16,32 z" style="fill:#333;stroke:none;" />
</svg>

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M54,33 L30,48 L30,40 L 9,40 L 9,24 L30,24 L30,16 z" style="fill:#333;stroke:none;" />
</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="M54,33 L30,48 L30,40 L 9,40 L 9,24 L30,24 L30,16 z" style="fill:#333;stroke:none;" />
</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="M54,33 L30,48 L30,40 L 9,40 L 9,24 L30,24 L30,16 z" style="fill:#333;stroke:none;" />
</svg>

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M29,54 L14,30 L22,30 L22, 9 L38, 9 L38,30 L46,30 z" style="fill:#333;stroke:none;" />
</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="M29,54 L14,30 L22,30 L22, 9 L38, 9 L38,30 L46,30 z" style="fill:#333;stroke:none;" />
</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="M29,54 L14,30 L22,30 L22, 9 L38, 9 L38,30 L46,30 z" style="fill:#333;stroke:none;" />
</svg>

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M 8,29 L32,14 L32,22 L53,22 L53,38 L32,38 L32,46 z" style="fill:#333;stroke:none;" />
</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="M 8,29 L32,14 L32,22 L53,22 L53,38 L32,38 L32,46 z" style="fill:#333;stroke:none;" />
</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="M 8,29 L32,14 L32,22 L53,22 L53,38 L32,38 L32,46 z" style="fill:#333;stroke:none;" />
</svg> 

チェック アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M12,32 L24,48 L48,20" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:square;stroke-linejoin:miter;" />
</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,32 L24,48 L48,20" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:square;stroke-linejoin:miter;" />
</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,32 L24,48 L48,20" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:square;stroke-linejoin:miter;" />
</svg>

ホーム アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M16,48 L16,28 L10,28 L32,12 L53,28 L45,28 L45,48 L37,48 L37,36 L29,36 L29,48 z" style="fill:#333;stroke:none;" />
</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,48 L16,28 L10,28 L32,12 L53,28 L45,28 L45,48 L37,48 L37,36 L29,36 L29,48 z" style="fill:#333;stroke:none;" />
</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,48 L16,28 L10,28 L32,12 L53,28 L45,28 L45,48 L37,48 L37,36 L29,36 L29,48 z" style="fill:#333;stroke:none;" />
</svg>

グリッド アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M15,15 l10,0 l0,10 l-10,0 M27,15 l10,0 l0,10 l-10,0 M39,15 l10,0 l0,10 l-10,0
           M15,27 l10,0 l0,10 l-10,0 M27,27 l10,0 l0,10 l-10,0 M39,27 l10,0 l0,10 l-10,0
           M15,39 l10,0 l0,10 l-10,0 M27,39 l10,0 l0,10 l-10,0 M39,39 l10,0 l0,10 l-10,0"
        style="fill:#333;stroke:none;" />
</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="M15,15 l10,0 l0,10 l-10,0 M27,15 l10,0 l0,10 l-10,0 M39,15 l10,0 l0,10 l-10,0
           M15,27 l10,0 l0,10 l-10,0 M27,27 l10,0 l0,10 l-10,0 M39,27 l10,0 l0,10 l-10,0
           M15,39 l10,0 l0,10 l-10,0 M27,39 l10,0 l0,10 l-10,0 M39,39 l10,0 l0,10 l-10,0"
        style="fill:#333;stroke:none;" />
</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="M15,15 l10,0 l0,10 l-10,0 M27,15 l10,0 l0,10 l-10,0 M39,15 l10,0 l0,10 l-10,0
           M15,27 l10,0 l0,10 l-10,0 M27,27 l10,0 l0,10 l-10,0 M39,27 l10,0 l0,10 l-10,0
           M15,39 l10,0 l0,10 l-10,0 M27,39 l10,0 l0,10 l-10,0 M39,39 l10,0 l0,10 l-10,0"
        style="fill:#333;stroke:none;" />
</svg>

箇条書き アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M14,19 L16,19 M24,19 L49,19  M14,32 L16,32 M24,32 L49,32  M14,45 L16,45 M24,45 L49,45"
    style="fill:none;stroke:#333;stroke-width:4;stroke-linecap:square;" />
</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,19 L16,19 M24,19 L49,19  M14,32 L16,32 M24,32 L49,32  M14,45 L16,45 M24,45 L49,45"
    style="fill:none;stroke:#333;stroke-width:4;stroke-linecap:square;" />
</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,19 L16,19 M24,19 L49,19  M14,32 L16,32 M24,32 L49,32  M14,45 L16,45 M24,45 L49,45"
    style="fill:none;stroke:#333;stroke-width:4;stroke-linecap:square;" />
</svg>

メール アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M14,18 L49,18 L32,34 Z M14,20 L32,36 L49,20 L49,45 L14,45 Z"
        style="fill:#333;stroke:none;" />
</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 L49,18 L32,34 Z M14,20 L32,36 L49,20 L49,45 L14,45 Z"
        style="fill:#333;stroke:none;" />
</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 L49,18 L32,34 Z M14,20 L32,36 L49,20 L49,45 L14,45 Z"
        style="fill:#333;stroke:none;" />
</svg>

検索 アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:none;stroke:#333;stroke-width:6;" cx="28" cy="28" r="14" />
  <line style="fill:none;stroke:#333;stroke-width:6;" x1="38" y1="38" x2="50" y2="50" />
</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" />
  <circle style="fill:none;stroke:#333;stroke-width:6;" cx="28" cy="28" r="14" />
  <line style="fill:none;stroke:#333;stroke-width:6;" x1="38" y1="38" x2="50" y2="50" />
</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" />
  <circle style="fill:none;stroke:#333;stroke-width:6;" cx="28" cy="28" r="14" />
  <line style="fill:none;stroke:#333;stroke-width:6;" x1="38" y1="38" x2="50" y2="50" />
</svg>

ギア アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M25,14 L17,13 L13,17 L14,25 L 8,29 L 8,35 L14,39 L13,47 L17,51 L25,50 L29,56 L35,56 L39,50 L47,51 L51,47 L50,39 L56,35 L56,29 L50,25 L51,17 L47,13 L39,14 L35, 8 L29, 8 M27.4,20.9 A12.0,12.0 0,0,1 36.6,43.1 A12.0,12.0 0,0,1 27.4,20.9 z"
    style="fill:#333;stroke:none;" />
</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="M25,14 L17,13 L13,17 L14,25 L 8,29 L 8,35 L14,39 L13,47 L17,51 L25,50 L29,56 L35,56 L39,50 L47,51 L51,47 L50,39 L56,35 L56,29 L50,25 L51,17 L47,13 L39,14 L35, 8 L29, 8 M27.4,20.9 A12.0,12.0 0,0,1 36.6,43.1 A12.0,12.0 0,0,1 27.4,20.9 z"
    style="fill:#333;stroke:none;" />
</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="M25,14 L17,13 L13,17 L14,25 L 8,29 L 8,35 L14,39 L13,47 L17,51 L25,50 L29,56 L35,56 L39,50 L47,51 L51,47 L50,39 L56,35 L56,29 L50,25 L51,17 L47,13 L39,14 L35, 8 L29, 8 M27.4,20.9 A12.0,12.0 0,0,1 36.6,43.1 A12.0,12.0 0,0,1 27.4,20.9 z"
    style="fill:#333;stroke:none;" />
</svg>

停止 アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:none;stroke:#333;stroke-width:8;" cx="32" cy="32" r="20" />
  <line style="fill:#none;stroke:#333;stroke-width:8;" x1="18" y1="18" x2="46" y2="46" />
</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" />
  <circle style="fill:none;stroke:#333;stroke-width:8;" cx="32" cy="32" r="20" />
  <line style="fill:#none;stroke:#333;stroke-width:8;" x1="18" y1="18" x2="46" y2="46" />
</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" />
  <circle style="fill:none;stroke:#333;stroke-width:8;" cx="32" cy="32" r="20" />
  <line style="fill:#none;stroke:#333;stroke-width:8;" x1="18" y1="18" x2="46" y2="46" />
</svg>

電源 アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M22,15 A20,20 0,1,0 42,15" style="fill:none;stroke:#333;stroke-width:8;" />
  <line style="fill:#none;stroke:#333;stroke-width:8;" x1="32" y1="8" x2="32" y2="28" />
</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,15 A20,20 0,1,0 42,15" style="fill:none;stroke:#333;stroke-width:8;" />
  <line style="fill:#none;stroke:#333;stroke-width:8;" x1="32" y1="8" x2="32" y2="28" />
</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,15 A20,20 0,1,0 42,15" style="fill:none;stroke:#333;stroke-width:8;" />
  <line style="fill:#none;stroke:#333;stroke-width:8;" x1="32" y1="8" x2="32" y2="28" />
</svg>

リサイクル アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M43,20 A16,16 0,0,0 16,31 M21,42 A16,16 0,0,0 48,31" style="fill:none;stroke:#333;stroke-width:6;" />
  <path d="M42,19 L50,13 L50,28 L35,28 z" style="fill:#333;stroke:none;" />
  <path d="M22,43 L14,50 L14,35 L30,35 z" style="fill:#333;stroke:none;" />
</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="M43,20 A16,16 0,0,0 16,31 M21,42 A16,16 0,0,0 48,31" style="fill:none;stroke:#333;stroke-width:6;" />
  <path d="M42,19 L50,13 L50,28 L35,28 z" style="fill:#333;stroke:none;" />
  <path d="M22,43 L14,50 L14,35 L30,35 z" style="fill:#333;stroke:none;" />
</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="M43,20 A16,16 0,0,0 16,31 M21,42 A16,16 0,0,0 48,31" style="fill:none;stroke:#333;stroke-width:6;" />
  <path d="M42,19 L50,13 L50,28 L35,28 z" style="fill:#333;stroke:none;" />
  <path d="M22,43 L14,50 L14,35 L30,35 z" style="fill:#333;stroke:none;" />
</svg>

リフレッシュ アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M43,42 A16,16 0,1,1 43,20" style="fill:none;stroke:#333;stroke-width:6;" />
  <path d="M42,19 L50,13 L50,28 L35,28 z" style="fill:#333;stroke:none;" />
</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="M43,42 A16,16 0,1,1 43,20" style="fill:none;stroke:#333;stroke-width:6;" />
  <path d="M42,19 L50,13 L50,28 L35,28 z" style="fill:#333;stroke:none;" />
</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="M43,42 A16,16 0,1,1 43,20" style="fill:none;stroke:#333;stroke-width:6;" />
  <path d="M42,19 L50,13 L50,28 L35,28 z" style="fill:#333;stroke:none;" />
</svg>

コメント アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M16,16 L48,16 L48,40  L32,40 L24,52 L22,40  L16,40 z" style="fill:#333;stroke:none;" />
</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,16 L48,16 L48,40  L32,40 L24,52 L22,40  L16,40 z" style="fill:#333;stroke:none;" />
</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,16 L48,16 L48,40  L32,40 L24,52 L22,40  L16,40 z" style="fill:#333;stroke:none;" />
</svg>

時計 アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:none;stroke:#333;stroke-width:4;" cx="32" cy="32" r="20" />
  <path d="M32,32 L32,18 " style="fill:none;stroke:#333;stroke-width:4;stroke-linecap:round;" />
  <path d="M32,32 L42,32 " style="fill:none;stroke:#333;stroke-width:4;stroke-linecap: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" />
  <circle style="fill:none;stroke:#333;stroke-width:4;" cx="32" cy="32" r="20" />
  <path d="M32,32 L32,18 " style="fill:none;stroke:#333;stroke-width:4;stroke-linecap:round;" />
  <path d="M32,32 L42,32 " style="fill:none;stroke:#333;stroke-width:4;stroke-linecap: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" />
  <circle style="fill:none;stroke:#333;stroke-width:4;" cx="32" cy="32" r="20" />
  <path d="M32,32 L32,18 " style="fill:none;stroke:#333;stroke-width:4;stroke-linecap:round;" />
  <path d="M32,32 L42,32 " style="fill:none;stroke:#333;stroke-width:4;stroke-linecap:round;" />
</svg>

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:none;stroke:#333;stroke-width:4;" cx="32" cy="32" r="16" />
  <path d="M32,32 L32,20 M32,32 L40,32 M18,16 l-4,4 M46,16 l4,4" style="fill:none;stroke:#333;stroke-width:4;stroke-linecap: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" />
  <circle style="fill:none;stroke:#333;stroke-width:4;" cx="32" cy="32" r="16" />
  <path d="M32,32 L32,20 M32,32 L40,32 M18,16 l-4,4 M46,16 l4,4" style="fill:none;stroke:#333;stroke-width:4;stroke-linecap: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" />
  <circle style="fill:none;stroke:#333;stroke-width:4;" cx="32" cy="32" r="16" />
  <path d="M32,32 L32,20 M32,32 L40,32 M18,16 l-4,4 M46,16 l4,4" style="fill:none;stroke:#333;stroke-width:4;stroke-linecap:round;" />
</svg>

カメラ アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M16,48 L16,24 L24,24 L26,16 L38,16 L40,24 L48,24 L48,48 z" style="fill:#fff;stroke:#333;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;" />
  <circle style="fill:#fff;stroke:#333;stroke-width:4;" cx="32" cy="35" r="8" />
</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,48 L16,24 L24,24 L26,16 L38,16 L40,24 L48,24 L48,48 z" style="fill:#fff;stroke:#333;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;" />
  <circle style="fill:#fff;stroke:#333;stroke-width:4;" cx="32" cy="35" r="8" />
</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,48 L16,24 L24,24 L26,16 L38,16 L40,24 L48,24 L48,48 z" style="fill:#fff;stroke:#333;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;" />
  <circle style="fill:#fff;stroke:#333;stroke-width:4;" cx="32" cy="35" r="8" />
</svg> 

ＰＣ アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#FFF;stroke:#333;stroke-width:4;" x="20" y="16" width="24" height="20" />
  <path d="M20,40 L44,40 L 48,50 L16,50 z" style="fill:#000;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <rect style="fill:#FFF;stroke:none;" x="28" y="46" width="8" height="3" />
</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:4;" x="20" y="16" width="24" height="20" />
  <path d="M20,40 L44,40 L 48,50 L16,50 z" style="fill:#000;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <rect style="fill:#FFF;stroke:none;" x="28" y="46" width="8" height="3" />
</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:4;" x="20" y="16" width="24" height="20" />
  <path d="M20,40 L44,40 L 48,50 L16,50 z" style="fill:#000;stroke:#333;stroke-width:2;stroke-linejoin:round;" />
  <rect style="fill:#FFF;stroke:none;" x="28" y="46" width="8" height="3" />
</svg>

タブレット アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#333;stroke:none;" x="18" y="12" width="28" height="40" rx="4" ry="4" />
  <rect style="fill:#fff;stroke:none;" x="22" y="16" width="20" height="28" rx="1" ry="1" />
  <circle style="fill:none;stroke:#fff;stroke-width:2;" cx="32" cy="48" r="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" />
  <rect style="fill:#333;stroke:none;" x="18" y="12" width="28" height="40" rx="4" ry="4" />
  <rect style="fill:#fff;stroke:none;" x="22" y="16" width="20" height="28" rx="1" ry="1" />
  <circle style="fill:none;stroke:#fff;stroke-width:2;" cx="32" cy="48" r="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" />
  <rect style="fill:#333;stroke:none;" x="18" y="12" width="28" height="40" rx="4" ry="4" />
  <rect style="fill:#fff;stroke:none;" x="22" y="16" width="20" height="28" rx="1" ry="1" />
  <circle style="fill:none;stroke:#fff;stroke-width:2;" cx="32" cy="48" r="2" />
</svg>

スマホ アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect style="fill:#333;stroke:none;" x="21" y="12" width="22" height="40" rx="2" ry="2" />
  <rect style="fill:#fff;stroke:none;" x="25" y="16" width="14" height="26" rx="1" ry="1" />
  <circle style="fill:none;stroke:#fff;stroke-width:2;" cx="32" cy="47" r="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" />
  <rect style="fill:#333;stroke:none;" x="21" y="12" width="22" height="40" rx="2" ry="2" />
  <rect style="fill:#fff;stroke:none;" x="25" y="16" width="14" height="26" rx="1" ry="1" />
  <circle style="fill:none;stroke:#fff;stroke-width:2;" cx="32" cy="47" r="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" />
  <rect style="fill:#333;stroke:none;" x="21" y="12" width="22" height="40" rx="2" ry="2" />
  <rect style="fill:#fff;stroke:none;" x="25" y="16" width="14" height="26" rx="1" ry="1" />
  <circle style="fill:none;stroke:#fff;stroke-width:2;" cx="32" cy="47" r="2" />
</svg>

電話 アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M12,24 a32,32 0,0,0 28,28  a16,16 0,0,0 6,-2 a14,14 0,0,0 6,-10  l-7,-7 a10,10 0,0,0 -6,6  a14,14 0,0,1 -14,-14 a10,10 0,0,0 6,-6 l-7,-7  a14,14 0,0,0 -6,2 a16,16 0,0,0 -6,10 z" style="fill:#333;stroke:none;" />
</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,24 a32,32 0,0,0 28,28  a16,16 0,0,0 6,-2 a14,14 0,0,0 6,-10  l-7,-7 a10,10 0,0,0 -6,6  a14,14 0,0,1 -14,-14 a10,10 0,0,0 6,-6 l-7,-7  a14,14 0,0,0 -6,2 a16,16 0,0,0 -6,10 z" style="fill:#333;stroke:none;" />
</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,24 a32,32 0,0,0 28,28  a16,16 0,0,0 6,-2 a14,14 0,0,0 6,-10  l-7,-7 a10,10 0,0,0 -6,6  a14,14 0,0,1 -14,-14 a10,10 0,0,0 6,-6 l-7,-7  a14,14 0,0,0 -6,2 a16,16 0,0,0 -6,10 z" style="fill:#333;stroke:none;" />
</svg>

ビックリマーク アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#333;stroke:none;" cx="32" cy="48" r="4" />
  <path d="M32,44 L28,18 a4,4 0,0,1 8,0 z" style="fill:#333;stroke:none;" />
</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" />
  <circle style="fill:#333;stroke:none;" cx="32" cy="48" r="4" />
  <path d="M32,44 L28,18 a4,4 0,0,1 8,0 z" style="fill:#333;stroke:none;" />
</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" />
  <circle style="fill:#333;stroke:none;" cx="32" cy="48" r="4" />
  <path d="M32,44 L28,18 a4,4 0,0,1 8,0 z" style="fill:#333;stroke:none;" />
</svg>

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#333;stroke:none;" cx="32" cy="48" r="4" />
  <path d="M28,18 a4,4 0,0,1 8,0 l0,18 a4,4 0,0,1 -8,0 z" style="fill:#333;stroke:none;" />
</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" />
  <circle style="fill:#333;stroke:none;" cx="32" cy="48" r="4" />
  <path d="M28,18 a4,4 0,0,1 8,0 l0,18 a4,4 0,0,1 -8,0 z" style="fill:#333;stroke:none;" />
</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" />
  <circle style="fill:#333;stroke:none;" cx="32" cy="48" r="4" />
  <path d="M28,18 a4,4 0,0,1 8,0 l0,18 a4,4 0,0,1 -8,0 z" style="fill:#333;stroke:none;" />
</svg>

情報 アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <circle style="fill:#333;stroke:none;" cx="32" cy="16" r="4" />
  <path d="M28,30 a4,4 0,0,1 8,0 l0,18 a4,4 0,0,1 -8,0 z" style="fill:#333;stroke:none;" />
</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" />
  <circle style="fill:#333;stroke:none;" cx="32" cy="16" r="4" />
  <path d="M28,30 a4,4 0,0,1 8,0 l0,18 a4,4 0,0,1 -8,0 z" style="fill:#333;stroke:none;" />
</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" />
  <circle style="fill:#333;stroke:none;" cx="32" cy="16" r="4" />
  <path d="M28,30 a4,4 0,0,1 8,0 l0,18 a4,4 0,0,1 -8,0 z" style="fill:#333;stroke:none;" />
</svg>

プラス アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M16,32 L48,32 M32,16 L32,48" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:butt;" />
</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,32 L48,32 M32,16 L32,48" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:butt;" />
</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,32 L48,32 M32,16 L32,48" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:butt;" />
</svg>

マイナス アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M16,32 L48,32" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:butt;" />
</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,32 L48,32" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:butt;" />
</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,32 L48,32" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:butt;" />
</svg>

割る アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M16,32 L48,32" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:butt;" />
  <circle style="fill:#333;stroke:none;" cx="32" cy="16" r="4" />
  <circle style="fill:#333;stroke:none;" cx="32" 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="M16,32 L48,32" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:butt;" />
  <circle style="fill:#333;stroke:none;" cx="32" cy="16" r="4" />
  <circle style="fill:#333;stroke:none;" cx="32" 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="M16,32 L48,32" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:butt;" />
  <circle style="fill:#333;stroke:none;" cx="32" cy="16" r="4" />
  <circle style="fill:#333;stroke:none;" cx="32" cy="48" r="4" />
</svg>

バッテン アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M16,16 L48,48 M48,16 L16,48" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:butt;" />
</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,16 L48,48 M48,16 L16,48" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:butt;" />
</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,16 L48,48 M48,16 L16,48" style="fill:none;stroke:#333;stroke-width:8;stroke-linecap:butt;" />
</svg>

ビデオ アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <rect x="14" y="20" rx="4" ry="4" width="30" height="24" style="fill:#333;stroke:none;" />
  <path d="M38,32 l14,-10 l0,20 z" style="fill:#333;stroke:none;" />
</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 x="14" y="20" rx="4" ry="4" width="30" height="24" style="fill:#333;stroke:none;" />
  <path d="M38,32 l14,-10 l0,20 z" style="fill:#333;stroke:none;" />
</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 x="14" y="20" rx="4" ry="4" width="30" height="24" style="fill:#333;stroke:none;" />
  <path d="M38,32 l14,-10 l0,20 z" style="fill:#333;stroke:none;" />
</svg>

ハート アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M32,52 l-16,-16 a10,10 0,1,1 16,-4 a10,10 0,1,1 16,4 z" style="fill:#333;stroke:none;" />
</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,52 l-16,-16 a10,10 0,1,1 16,-4 a10,10 0,1,1 16,4 z" style="fill:#333;stroke:none;" />
</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,52 l-16,-16 a10,10 0,1,1 16,-4 a10,10 0,1,1 16,4 z" style="fill:#333;stroke:none;" />
</svg>

ひらめき アイコン

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

<!-- 縁無し -->
<svg style="width:32px;" viewBox="0 0 64 64">
  <path d="M32,45 l-6,0 l-6,-14 a10,10 0,1,1 24,0 l-6,14 z M26,47 l12,0 l0,3 l-12,0 z M26,52 l12,0 l0,3 l-12,0 z" style="fill:#333;stroke:none;" />
  <line x1="20" y1="12" x2="22" y2="20" style="fill:none;stroke:#333;stroke-width:3;" />
  <line x1="32" y1="8" x2="32" y2="16" style="fill:none;stroke:#333;stroke-width:3;" />
  <line x1="44" y1="12" x2="42" y2="20" style="fill:none;stroke:#333;stroke-width:3;" />
</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,45 l-6,0 l-6,-14 a10,10 0,1,1 24,0 l-6,14 z M26,47 l12,0 l0,3 l-12,0 z M26,52 l12,0 l0,3 l-12,0 z" style="fill:#333;stroke:none;" />
  <line x1="20" y1="12" x2="22" y2="20" style="fill:none;stroke:#333;stroke-width:3;" />
  <line x1="32" y1="8" x2="32" y2="16" style="fill:none;stroke:#333;stroke-width:3;" />
  <line x1="44" y1="12" x2="42" y2="20" style="fill:none;stroke:#333;stroke-width:3;" />
</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,45 l-6,0 l-6,-14 a10,10 0,1,1 24,0 l-6,14 z M26,47 l12,0 l0,3 l-12,0 z M26,52 l12,0 l0,3 l-12,0 z" style="fill:#333;stroke:none;" />
  <line x1="20" y1="12" x2="22" y2="20" style="fill:none;stroke:#333;stroke-width:3;" />
  <line x1="32" y1="8" x2="32" y2="16" style="fill:none;stroke:#333;stroke-width:3;" />
  <line x1="44" y1="12" x2="42" y2="20" style="fill:none;stroke:#333;stroke-width:3;" />
</svg>