StoryCode

'Web Dev, HTML, CSS, SVG, BootStrap/Icon, 아이콘'에 해당되는 글 2건

  1. 지구, Earth
  2. SVG Icon

지구, Earth

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



<svg width="102" height="102" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M99.981 49.985c0 27.49-22.286 49.777-49.776 49.777-27.49 0-49.777-22.286-49.777-49.777C.428 22.495 22.714.21 50.205.21c27.49 0 49.776 22.286 49.776 49.776" id="a"/><path d="M99.981 49.985c0 27.49-22.286 49.777-49.776 49.777-27.49 0-49.777-22.286-49.777-49.777C.428 22.495 22.714.21 50.205.21c27.49 0 49.776 22.286 49.776 49.776" id="c"/></defs><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#F0F7F7" xlink:href="#a"/><path d="M32.042 102.688c1.362-4.228 13.7-19.521 15.91-21.24 2.21-1.717 8.346-6.873 2.455-9.572-5.892-2.701-7.364-7.119-8.1-11.047-.737-3.927-13.256-.736-17.675-1.963-4.417-1.227-7.609-11.537-5.4-14.237 2.21-2.7 8.347 5.155 10.065 4.419 1.718-.738 0-3.683 0-6.628 0-2.946 9.082-7.61 11.537-9.328 2.454-1.718-5.646-7.119-8.347-7.119-2.7 0-6.382 2.7-10.554.246-4.174-2.455 4.172-7.364 6.136-9.082 1.964-1.718-2.21-1.964-4.418-3.191-2.21-1.228-1.556-5.616-7.202-6.598 0 0-6.172 3.736-11.694 11.532-5.522 7.796-7.47 16.242-7.47 16.242s5.503.978 6.665 2.99c1.343 2.325 1.59 11.598 2.457 14.72.578 2.072 2.146 1.365 2.146.404 0-1.448-1.572-11.332.124-9.833 1.343 1.184 1.282 7.748 3.928 12.518 2.017 3.637 7.935 3.587 13.255 6.136 2.395 1.149-2.21 6.628-1.964 9.574.246 2.945 6.382 6.628 7.364 8.346.982 1.718-1.718 3.19-3.927 4.172-2.21.983.246 3.192 1.718 5.892 1.473 2.7-2.044 6.963-1.881 11.023l4.872 1.625zM62.576-1.26c.737 3.436-6.363 18.147-8.328 20.357-1.963 2.209-7.079 6.627-9.533 4.418-2.455-2.21-2.21-10.8-4.91-12.028-2.7-1.228-7.662-8.17-10.362-12.098 0 0 6.334-4.548 20.302-2.923C63.713-1.91 62.576-1.26 62.576-1.26zm41.092 44.827s-9.323.571-10.796 1.553c-1.472.981-4.91-.246-6.136-1.473-1.228-1.228-1.473-2.7-2.21-3.928-.736-1.227-4.173-1.227-5.4-.736-1.227.49 4.174 3.436 2.455 3.436-1.719 0-3.927-1.718-5.4-1.473-1.474.246-2.21 2.456-3.682 3.437-1.473.982-3.927.491-5.4.246-1.474-.246-2.21-3.437-2.7-4.664-.492-1.228 1.226-3.436 3.19-2.946 1.964.491 2.946-1.227 3.682-2.21.737-.981-.736-4.663.982-4.417 1.718.245 7.61-.982 10.556-1.718 2.945-.737 1.963-5.646 2.945-8.101.982-2.455 0-2.7-1.227-.737-1.227 1.965-4.42 4.174-5.892 4.91-1.472.736-1.963-1.718-1.963-2.7 0-.983-1.965.246-2.21-1.228-.245-1.473 4.664-3.19 5.891-3.927 1.228-.736 4.294-4.909 6.748-5.645 0 0 8.446 5.685 12.507 14.455 4.06 8.77 4.06 17.866 4.06 17.866zM84.503 92.293s-1.462-4.71-5.32-8.485c-1.894-1.853-.237-11.14-.474-13.984-.236-2.845-8.059-.949-10.903-2.845-2.845-1.897-2.133-7.822-.949-11.378 1.186-3.555 8.297-7.11 12.326-8.059 4.03-.948 9.245 4.03 11.614 4.742 2.37.71 10.65-2.673 12.546-4.331 0 0 1.787 15.43-3.735 26.799-4.807 9.897-15.105 17.54-15.105 17.54z" stroke="#007478" stroke-linecap="round" stroke-linejoin="round" fill="#C5E8E5" mask="url(#b)"/><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><use stroke="#007478" stroke-width="2" xlink:href="#c"/><g transform="translate(66.014 25.964)" mask="url(#d)"><path d="M5.435 0A5.435 5.435 0 0 0 0 5.435c0 3.242 4.115 7.426 5.184 8.458a.36.36 0 0 0 .502 0c1.068-1.032 5.184-5.216 5.184-8.458A5.435 5.435 0 0 0 5.435 0z" fill="#007478"/><ellipse fill="#FFF" cx="5.435" cy="5.435" rx="1.812" ry="1.812"/></g><g transform="translate(8.587 27.645)" mask="url(#d)"><path d="M5.435 0A5.435 5.435 0 0 0 0 5.435c0 3.242 4.115 7.426 5.184 8.458a.36.36 0 0 0 .502 0c1.068-1.032 5.184-5.216 5.184-8.458A5.435 5.435 0 0 0 5.435 0z" fill="#007478"/><circle fill="#FFF" cx="5.435" cy="5.435" r="1.812"/></g><g transform="translate(41.92 61.884)" mask="url(#d)"><path d="M5.435 0A5.435 5.435 0 0 0 0 5.435c0 3.242 4.115 7.426 5.184 8.458a.36.36 0 0 0 .502 0c1.068-1.032 5.184-5.216 5.184-8.458A5.435 5.435 0 0 0 5.435 0z" fill="#007478"/><ellipse fill="#FFF" cx="5.435" cy="5.435" rx="1.812" ry="1.812"/></g></g></svg>


반응형

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

SVG Icon  (0) 2018.05.17

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