roots logo
roots from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- roots
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the roots logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.513 12.27L2.6 18.177a.24.24 0 0 1-.174.072l-.02-.001a.25.25 0 0 1-.178-.102a12 12 0 0 1-.889-1.452a.25.25 0 0 1 .045-.287l5.638-5.628a9.4 9.4 0 0 0 2.776-6.694a.245.245 0 0 1 .49 0v3.911a6 6 0 0 1-1.774 4.274zM18 .842a.24.24 0 0 0-.245 0a.25.25 0 0 0-.122.212v10.855a6 6 0 0 0 1.773 4.273l1.997 1.995a.25.25 0 0 0 .173.072l.021-.001a.26.26 0 0 0 .18-.102A11.9 11.9 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.115c.01.094.072.174.161.208a.3.3 0 0 0 .084.014a.25.25 0 0 0 .172-.071l4.123-4.118a6 6 0 0 0 1.771-4.273m10.614 14.52a9.4 9.4 0 0 1-2.778-6.696V7.996a.245.245 0 1 0-.489 0a9.4 9.4 0 0 1-2.776 6.696l-5.915 5.905a.24.24 0 0 0-.071.193a.24.24 0 0 0 .102.18A11.93 11.93 0 0 0 12 23.192a11.93 11.93 0 0 0 6.947-2.222a.24.24 0 0 0 .1-.18a.24.24 0 0 0-.068-.193z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsRoots(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.513 12.27L2.6 18.177a.24.24 0 0 1-.174.072l-.02-.001a.25.25 0 0 1-.178-.102a12 12 0 0 1-.889-1.452a.25.25 0 0 1 .045-.287l5.638-5.628a9.4 9.4 0 0 0 2.776-6.694a.245.245 0 0 1 .49 0v3.911a6 6 0 0 1-1.774 4.274zM18 .842a.24.24 0 0 0-.245 0a.25.25 0 0 0-.122.212v10.855a6 6 0 0 0 1.773 4.273l1.997 1.995a.25.25 0 0 0 .173.072l.021-.001a.26.26 0 0 0 .18-.102A11.9 11.9 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.115c.01.094.072.174.161.208a.3.3 0 0 0 .084.014a.25.25 0 0 0 .172-.071l4.123-4.118a6 6 0 0 0 1.771-4.273m10.614 14.52a9.4 9.4 0 0 1-2.778-6.696V7.996a.245.245 0 1 0-.489 0a9.4 9.4 0 0 1-2.776 6.696l-5.915 5.905a.24.24 0 0 0-.071.193a.24.24 0 0 0 .102.18A11.93 11.93 0 0 0 12 23.192a11.93 11.93 0 0 0 6.947-2.222a.24.24 0 0 0 .1-.18a.24.24 0 0 0-.068-.193z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.513 12.27L2.6 18.177a.24.24 0 0 1-.174.072l-.02-.001a.25.25 0 0 1-.178-.102a12 12 0 0 1-.889-1.452a.25.25 0 0 1 .045-.287l5.638-5.628a9.4 9.4 0 0 0 2.776-6.694a.245.245 0 0 1 .49 0v3.911a6 6 0 0 1-1.774 4.274zM18 .842a.24.24 0 0 0-.245 0a.25.25 0 0 0-.122.212v10.855a6 6 0 0 0 1.773 4.273l1.997 1.995a.25.25 0 0 0 .173.072l.021-.001a.26.26 0 0 0 .18-.102A11.9 11.9 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.115c.01.094.072.174.161.208a.3.3 0 0 0 .084.014a.25.25 0 0 0 .172-.071l4.123-4.118a6 6 0 0 0 1.771-4.273m10.614 14.52a9.4 9.4 0 0 1-2.778-6.696V7.996a.245.245 0 1 0-.489 0a9.4 9.4 0 0 1-2.776 6.696l-5.915 5.905a.24.24 0 0 0-.071.193a.24.24 0 0 0 .102.18A11.93 11.93 0 0 0 12 23.192a11.93 11.93 0 0 0 6.947-2.222a.24.24 0 0 0 .1-.18a.24.24 0 0 0-.068-.193z"/></svg> </template>
CSS
.icon-roots {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.513%2012.27L2.6%2018.177a.24.24%200%200%201-.174.072l-.02-.001a.25.25%200%200%201-.178-.102a12%2012%200%200%201-.889-1.452a.25.25%200%200%201%20.045-.287l5.638-5.628a9.4%209.4%200%200%200%202.776-6.694a.245.245%200%200%201%20.49%200v3.911a6%206%200%200%201-1.774%204.274zM18%20.842a.24.24%200%200%200-.245%200a.25.25%200%200%200-.122.212v10.855a6%206%200%200%200%201.773%204.273l1.997%201.995a.25.25%200%200%200%20.173.072l.021-.001a.26.26%200%200%200%20.18-.102A11.9%2011.9%200%200%200%2024%2011.21c0-4.255-2.298-8.228-6-10.367zM6.367%204.085V1.054A.244.244%200%200%200%206%20.842C2.3%202.982%200%206.954%200%2011.21c0%20.34.018.705.056%201.115c.01.094.072.174.161.208a.3.3%200%200%200%20.084.014a.25.25%200%200%200%20.172-.071l4.123-4.118a6%206%200%200%200%201.771-4.273m10.614%2014.52a9.4%209.4%200%200%201-2.778-6.696V7.996a.245.245%200%201%200-.489%200a9.4%209.4%200%200%201-2.776%206.696l-5.915%205.905a.24.24%200%200%200-.071.193a.24.24%200%200%200%20.102.18A11.93%2011.93%200%200%200%2012%2023.192a11.93%2011.93%200%200%200%206.947-2.222a.24.24%200%200%200%20.1-.18a.24.24%200%200%200-.068-.193z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.513%2012.27L2.6%2018.177a.24.24%200%200%201-.174.072l-.02-.001a.25.25%200%200%201-.178-.102a12%2012%200%200%201-.889-1.452a.25.25%200%200%201%20.045-.287l5.638-5.628a9.4%209.4%200%200%200%202.776-6.694a.245.245%200%200%201%20.49%200v3.911a6%206%200%200%201-1.774%204.274zM18%20.842a.24.24%200%200%200-.245%200a.25.25%200%200%200-.122.212v10.855a6%206%200%200%200%201.773%204.273l1.997%201.995a.25.25%200%200%200%20.173.072l.021-.001a.26.26%200%200%200%20.18-.102A11.9%2011.9%200%200%200%2024%2011.21c0-4.255-2.298-8.228-6-10.367zM6.367%204.085V1.054A.244.244%200%200%200%206%20.842C2.3%202.982%200%206.954%200%2011.21c0%20.34.018.705.056%201.115c.01.094.072.174.161.208a.3.3%200%200%200%20.084.014a.25.25%200%200%200%20.172-.071l4.123-4.118a6%206%200%200%200%201.771-4.273m10.614%2014.52a9.4%209.4%200%200%201-2.778-6.696V7.996a.245.245%200%201%200-.489%200a9.4%209.4%200%200%201-2.776%206.696l-5.915%205.905a.24.24%200%200%200-.071.193a.24.24%200%200%200%20.102.18A11.93%2011.93%200%200%200%2012%2023.192a11.93%2011.93%200%200%200%206.947-2.222a.24.24%200%200%200%20.1-.18a.24.24%200%200%200-.068-.193z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/roots.svg?color=%231a73e8&size=48
