Sample Minimalist Developer SVG Icon Collection

Supanote Core Team @supanote · 1 min read

code (svg) 14 hours ago · 35 lines · 7 views

<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  <!-- 1. Terminal Icon -->
  <symbol id="icon-terminal" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
    <polyline points="4 17 10 11 4 5"></polyline>
    <line x1="12" y1="19" x2="20" y2="19"></line>
  </symbol>

  <!-- 2. Database Icon -->
  <symbol id="icon-database" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
    <ellipse cx="12" cy="5" rx="9" ry="3"></ellipse>
    <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path>
    <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path>
  </symbol>

  <!-- 3. Shield Lock Icon -->
  <symbol id="icon-shield-lock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
    <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
  </symbol>

  <!-- 4. Key Icon -->
  <symbol id="icon-key" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
    <circle cx="7.5" cy="15.5" r="5.5"></circle>
    <path d="m21 2-9.6 9.6"></path>
    <path d="m15.5 7.5 3 3L22 7l-3-3"></path>
  </symbol>

  <!-- 5. Server Icon -->
  <symbol id="icon-server" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
    <rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect>
    <rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect>
    <line x1="6" y1="6" x2="6.01" y2="6"></line>
    <line x1="6" y1="18" x2="6.01" y2="18"></line>
  </symbol>
</svg>

1<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">

2

3 <symbol id="icon-terminal" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

4 <polyline points="4 17 10 11 4 5"></polyline>

5 <line x1="12" y1="19" x2="20" y2="19"></line>

6 </symbol>

8

9 <symbol id="icon-database" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

10 <ellipse cx="12" cy="5" rx="9" ry="3"></ellipse>

11 <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path>

12 <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path>

13 </symbol>

15

16 <symbol id="icon-shield-lock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

17 <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>

18 </symbol>

20

21 <symbol id="icon-key" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

22 <circle cx="7.5" cy="15.5" r="5.5"></circle>

23 <path d="m21 2-9.6 9.6"></path>

24 <path d="m15.5 7.5 3 3L22 7l-3-3"></path>

25 </symbol>

27

28 <symbol id="icon-server" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

29 <rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect>

30 <rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect>

31 <line x1="6" y1="6" x2="6.01" y2="6"></line>

32 <line x1="6" y1="18" x2="6.01" y2="18"></line>

33 </symbol>

34</svg>

Replies 0

Reply with note

No replies yet

Every reply is a note. Start a discussion, ask a question, or attach a code snippet.

Reply with a note