HTML内にインラインでSVGタグを記述して描画したアイコン

HTML内にインラインでSVGタグを記述して描画したアイコン

インライン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" 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" 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" 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,32  M14,20 L32,36 L49,20 L49,45 L14,45"
        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,32  M14,20 L32,36 L49,20 L49,45 L14,45"
        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,32  M14,20 L32,36 L49,20 L49,45 L14,45"
        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> 



PC アイコン

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>



マスク アイコン

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>





Mam's WebSite