Contour Draw Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: contour draw

The Contour Draw icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/319319.svg" alt="Contour Draw icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/319319.svg" alt="Contour Draw icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/319319.svg"
  alt="Contour Draw icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-contour-draw {
  background-image: url('https://proicons.com/icon/319319.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
  <defs>
    <style>
      .cls-1 {
        fill: #090909;
      }

      .cls-2 {
        fill: none;
      }
    </style>
  </defs>
  <path class="cls-1" d="M7.7,4.7a14.7029,14.7029,0,0,0-3,3.1L6.3,9A13.2634,13.2634,0,0,1,8.9,6.3Z"/>
  <path class="cls-1" d="M4.6,12.3l-1.9-.6A12.5111,12.5111,0,0,0,2,16H4A11.4756,11.4756,0,0,1,4.6,12.3Z"/>
  <path class="cls-1" d="M11.7,2.7l.6,1.9A11.4756,11.4756,0,0,1,16,4V2A12.5111,12.5111,0,0,0,11.7,2.7Z"/>
  <path class="cls-1" d="M24.2,27.3a15.18,15.18,0,0,0,3.1-3.1L25.7,23A11.526,11.526,0,0,1,23,25.7Z"/>
  <path class="cls-1" d="M27.4,19.7l1.9.6A15.4747,15.4747,0,0,0,30,16H28A11.4756,11.4756,0,0,1,27.4,19.7Z"/>
  <path class="cls-1" d="M29.2,11.6a14.4029,14.4029,0,0,0-2-3.9L25.6,8.9a12.8867,12.8867,0,0,1,1.7,3.3Z"/>
  <path class="cls-1" d="M24.1,4.6a14.4029,14.4029,0,0,0-3.9-2l-.6,1.9a12.8867,12.8867,0,0,1,3.3,1.7Z"/>
  <path class="cls-1" d="M20.3,29.3l-.6-1.9A11.4756,11.4756,0,0,1,16,28v2A21.4206,21.4206,0,0,0,20.3,29.3Z"/>
  <path d="M15.4023,24.248a11.9488,11.9488,0,0,0-1.7182-3.3354L15.2974,19.73a13.9486,13.9486,0,0,1,2.0044,3.893Z"/>
  <path d="M11.02,18.2668a11.9215,11.9215,0,0,0-3.3467-1.6943l.6114-1.9043a13.9242,13.9242,0,0,1,3.9072,1.978Z"/>
  <rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-2" width="32" height="32"/>
</svg>

Copied!

Contour Draw Icon

More from Carbon Icons