Roots Icon

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

Download SVG

Collection: Simple Icons
Format: SVG, CDN, npm, Packagist, React, Vue, PNG
License: CC0-1.0 - Free for commercial use
Tags: roots

The Roots 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/315897.svg" alt="Roots icon" width="24" height="24">

React JSX

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

Vue template

<img
  src="https://proicons.com/icon/315897.svg"
  alt="Roots icon"
  :width="24"
  :height="24"
/>

CSS background

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

SVG markup

<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Roots</title><path d="M8.513 12.27L2.6 18.177a.244.244 0 0 1-.174.072l-.02-.001a.248.248 0 0 1-.178-.102 11.973 11.973 0 0 1-.889-1.452.247.247 0 0 1 .045-.287l5.638-5.628a9.403 9.403 0 0 0 2.776-6.694.245.245 0 0 1 .49 0v3.911a6 6 0 0 1-1.774 4.274zM18 .842a.242.242 0 0 0-.245 0 .246.246 0 0 0-.122.212v10.855a6 6 0 0 0 1.773 4.273l1.997 1.995a.246.246 0 0 0 .173.072l.021-.001a.256.256 0 0 0 .18-.102A11.902 11.902 0 0 0 24 11.21c0-4.255-2.298-8.228-6-10.367zM6.367 4.085V1.054A.244.244 0 0 0 6 .842C2.3 2.982 0 6.954 0 11.21c0 .34.018.705.056 1.115.01.094.072.174.161.208a.294.294 0 0 0 .084.014.245.245 0 0 0 .172-.071l4.123-4.118a5.999 5.999 0 0 0 1.771-4.273zm10.614 14.52a9.402 9.402 0 0 1-2.778-6.696V7.996a.245.245 0 1 0-.489 0 9.401 9.401 0 0 1-2.776 6.696l-5.915 5.905a.244.244 0 0 0-.071.193.243.243 0 0 0 .102.18A11.929 11.929 0 0 0 12 23.192a11.93 11.93 0 0 0 6.947-2.222.237.237 0 0 0 .1-.18.239.239 0 0 0-.068-.193l-1.998-1.992Z"/></svg>

Copied!

Roots Icon

More from Simple Icons