StoryCode

SVG Icon

Web Dev, HTML, CSS, SVG, BootStrap/Icon, 아이콘
반응형

<svg width="50" height="50" viewBox="0 0 50 50">

<path d="M11,22C4.9,22,0,17.1,0,11C0,4.9,4.9,0,11,0s11,4.9,11,11C22,17.1,17.1,22,11,22zM11,2c-5,0-9,4-9,9c0,5,4,9,9,9s9-4,9-9C20,6,16,2,11,2z M15.2,12.1l-5.5,3.6c-1,0.6-1.8,0.2-1.8-1V7.3c0-1.2,0.8-1.6,1.8-1l5.5,3.6C16.2,10.5,16.2,11.5,15.2,12.1z"></path>

</svg>




<svg width="50" height="50" viewBox="0 0 50 50">


  <path d="M13.4,13.1C13.4,13,13.4,13,13.4,13.1L11.9,13h-1.4v-1.4V9.3V9C10.3,9,10.1,8.9,9.8,8.9c0.6-0.6,1-1.5,1.4-2.7

    c0.3-0.6,0.2-1.2,0.2-2c0-0.6,0.1-1.5,0-2C11,0.5,9.7,0,8.3,0C6.8,0,5.6,0.5,5.1,2.2c-0.1,0.5,0,1.4,0,2c0,0.8,0,1.3,0.2,2

    c0.4,1.1,0.8,2,1.3,2.6c0,0.1,0,0.1-0.1,0.1c-2.1,0.4-3.5,1.5-4.5,2C0,11.8,0,12.8,0,12.8c0,0,0,0,0,0v1.6c0,0.1,0,0.1,0.1,0.1

    l13.3,0v0V13.1z"></path>

  <path d="M19.9,9.3h-2.7c-0.1,0-0.1,0-0.1-0.1V6.5c0-0.1,0-0.1-0.1-0.1h-2.1c-0.1,0-0.1,0-0.1,0.1l0,2.7c0,0.1,0,0.1-0.1,0.1l-2.7,0

    c-0.1,0-0.1,0-0.1,0.1v2.1c0,0.1,0,0.1,0.1,0.1h2.7c0.1,0,0.1,0,0.1,0.1v2.7c0,0.1,0,0.1,0.1,0.1H17c0.1,0,0.1,0,0.1-0.1v-2.7

    c0-0.1,0-0.1,0.1-0.1l2.7,0c0.1,0,0.1,0,0.1-0.1L19.9,9.3C20,9.4,20,9.3,19.9,9.3z"></path>


</svg>






<svg width="50" height="50" viewBox="0 0 50 50">

  <path d="M11,22C4.9,22,0,17.1,0,11S4.9,0,11,0s11,4.9,11,11S17.1,22,11,22z M11,2c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S16,2,11,2z"></path>

  <path d="M15.3,10H12V6.7c0-0.5-0.5-1-1-1s-1,0.5-1,1V10H6.7c-0.5,0-1,0.5-1,1s0.5,1,1,1H10v3.3c0,0.5,0.5,1,1,1s1-0.5,1-1V12h3.3

  c0.5,0,1-0.5,1-1S15.8,10,15.3,10z"></path>

</svg>




<svg width="50" height="50" viewBox="0 0 50 50">

  <path d="M14.5,6.5h-5v-5C9.5,0.7,8.8,0,8,0S6.5,0.7,6.5,1.5v5h-5C0.7,6.5,0,7.2,0,8s0.7,1.5,1.5,1.5h5v5C6.5,15.3,7.2,16,8,16s1.5-0.7,1.5-1.5v-5h5C15.3,9.5,16,8.8,16,8S15.3,6.5,14.5,6.5z"></path>

</svg>






.a{fill-rule:evenodd;}checkmark-18 left-chevron-small .st0{fill-rule:evenodd;clip-rule:evenodd;} right-chevron-small .st0{fill-rule:evenodd;clip-rule:evenodd;} instruction instruction instruction practiceIcon Copy 5 Created with Sketch. .st0{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} .st0{fill:#010101;} .a{fill-rule:evenodd;}info-i certificate seal-mask seal-36 .a{fill-rule:evenodd;}stat-badges .a{fill-rule:evenodd;}stat-challenges .a{fill-rule:evenodd;}stat-courses .a{fill-rule:evenodd;}stat-hours .a{fill-rule:evenodd;}stat-months .a{fill-rule:evenodd;}stat-points .a{fill-rule:evenodd;}stat-project .a{fill-rule:evenodd;}stat-quizzes .a{fill-rule:evenodd;}techdegree .st0{fill:#FFFFFF;} .st0{fill:#6B6E71;} .a{fill-rule:evenodd;}bell-18 .a{fill-rule:evenodd;}briefcase-18 .a{fill-rule:evenodd;}browser-18 .a{fill-rule:evenodd;}calendar-18 .a{fill-rule:evenodd;}megaphone-18 .a{fill-rule:evenodd;}mentor-18 .a{fill-rule:evenodd;}techdegree-18 .a{fill-rule:evenodd;}browser-handle
반응형

'Web Dev, HTML, CSS, SVG, BootStrap > Icon, 아이콘' 카테고리의 다른 글

지구, Earth  (0) 2018.05.27