Add icons to this collection by clicking the heart icon.
Separation icon - also known as button, color, section, type, separation, category, separate, ecology and environment, integrate, and categorize. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 256 256"
>
<g>
<g>
<path
d="m197.068 252h-65.197v-15.351c-8.722 0-15.793-7.071-15.793-15.793v-1.579c-2.043 0-4.025-.259-5.916-.745-1.513-.389-2.967-.924-4.347-1.589-.345-.166-.685-.34-1.021-.523-7.38-4.009-12.389-11.828-12.389-20.816v-41.876c0-1.496.289-2.921.795-4.238 1.706-4.441 6-7.599 11.042-7.599 6.075 0 11.074 4.578 11.752 10.472v-64.313c0-6.539 5.116-12.148 11.654-12.268 6.661-.122 12.098 5.241 12.098 11.874v-10.44c0-6.633 5.438-11.996 12.098-11.874 6.538.12 11.653 5.729 11.653 12.268v10.047c0-6.633 5.438-11.996 12.098-11.874 6.538.12 11.653 5.729 11.653 12.268v10.047c0-6.633 5.438-11.996 12.098-11.874 6.538.118 11.654 5.727 11.654 12.266v55.237.355 68.49c0 7.694-6.238 13.932-13.932 13.932z"
fill="#ff9f70"
/>
</g>
<g>
<g>
<path
d="m125.077 220.856c0-.856-.66-1.573-1.514-1.627-1.51-.095-2.982-.332-4.402-.698-1.513-.389-2.967-.924-4.347-1.589-.345-.166-.685-.34-1.021-.522-7.38-4.009-12.39-11.828-12.39-20.816v-41.876c0-1.496.289-2.921.795-4.238 1.166-3.035 3.541-5.469 6.536-6.707-1.386-.571-2.902-.892-4.495-.892-5.042 0-9.336 3.158-11.042 7.599-.506 1.317-.795 2.742-.795 4.238v41.876c0 8.988 5.01 16.807 12.389 20.816.335.182.676.356 1.021.522 1.38.665 2.834 1.2 4.347 1.589 1.891.487 3.874.745 5.916.745v1.579c0 8.722 7.071 15.793 15.793 15.793v15.352h9v-13.796c0-.849-.652-1.545-1.497-1.625-8.018-.754-14.294-7.505-14.294-15.723z"
fill="#ffbd8e"
/>
</g>
</g>
<g>
<g>
<path
d="m199.957 86.249c-1.918-.132-3.743.197-5.385.879 4.385 1.849 7.428 6.323 7.428 11.362v55.237.355 68.49c0 7.197-5.457 13.119-12.458 13.855-.835.088-1.474.781-1.474 1.621v13.952h9v-15.496c7.694 0 13.932-6.238 13.932-13.932v-68.49-.355-55.243c0-6.306-4.751-11.803-11.043-12.235z"
fill="#e18152"
/>
</g>
</g>
<g>
<ellipse
cx="69.479"
cy="107.521"
fill="#526faa"
rx="24.479"
ry="24.479"
transform="matrix(.453 -.892 .892 .453 -57.843 120.833)"
/>
</g>
<g>
<path
d="m69.479 83.042c-1.016 0-2.016.069-3 .189 12.103 1.48 21.479 11.787 21.479 24.29s-9.376 22.809-21.479 24.289c.984.12 1.984.189 3 .189 13.519 0 24.479-10.96 24.479-24.479 0-13.518-10.96-24.478-24.479-24.478z"
fill="#395288"
/>
</g>
<g>
<path
d="m69.479 132c1.016 0 2.016-.069 3-.189-12.103-1.481-21.479-11.787-21.479-24.29s9.376-22.809 21.479-24.29c-.984-.12-1.984-.189-3-.189-13.519 0-24.479 10.96-24.479 24.479s10.96 24.479 24.479 24.479z"
fill="#708dc8"
/>
</g>
<g>
<ellipse
cx="69.479"
cy="28.479"
fill="#fcc24c"
rx="24.479"
ry="24.479"
transform="matrix(.328 -.945 .945 .328 19.805 84.79)"
/>
</g>
<g>
<path
d="m69.479 4c-1.016 0-2.016.069-3 .189 12.103 1.48 21.479 11.787 21.479 24.289 0 12.503-9.376 22.809-21.479 24.29.984.12 1.984.189 3 .189 13.519 0 24.479-10.96 24.479-24.479 0-13.518-10.96-24.478-24.479-24.478z"
fill="#dea42e"
/>
</g>
<g>
<path
d="m69.479 52.958c1.016 0 2.016-.069 3-.189-12.103-1.48-21.479-11.787-21.479-24.29s9.376-22.809 21.479-24.289c-.984-.121-1.984-.19-3-.19-13.519 0-24.479 10.96-24.479 24.479 0 13.52 10.96 24.479 24.479 24.479z"
fill="#fce06a"
/>
</g>
<g>
<ellipse
cx="148.521"
cy="28.479"
fill="#7bac51"
rx="24.479"
ry="24.479"
transform="matrix(.707 -.707 .707 .707 23.363 113.362)"
/>
</g>
<g>
<path
d="m148.521 4c-1.016 0-2.016.069-3 .189 12.103 1.481 21.479 11.787 21.479 24.29s-9.376 22.809-21.479 24.29c.984.12 1.984.189 3 .189 13.519 0 24.479-10.96 24.479-24.479s-10.96-24.479-24.479-24.479z"
fill="#5d8e33"
/>
</g>
<g>
<path
d="m148.521 52.958c1.016 0 2.016-.069 3-.189-12.103-1.48-21.479-11.787-21.479-24.29s9.376-22.809 21.479-24.289c-.984-.12-1.984-.189-3-.189-13.519 0-24.479 10.96-24.479 24.479s10.959 24.478 24.479 24.478z"
fill="#99ca6f"
/>
</g>
<g>
<path
d="m197.068 254h-65.198c-1.105 0-2-.895-2-2v-13.462c-8.762-.984-15.618-8.357-15.79-17.337-1.494-.116-2.974-.36-4.418-.732-1.619-.417-3.206-.997-4.716-1.725-.374-.18-.743-.369-1.107-.567-8.286-4.502-13.435-13.151-13.435-22.573v-41.876c0-1.684.312-3.351.928-4.955 2.041-5.313 7.228-8.882 12.909-8.882 3.782 0 7.24 1.524 9.752 4.02v-55.861c0-7.73 6.108-14.13 13.617-14.268 3.75-.095 7.3 1.342 9.979 3.971.053.051.105.103.155.155v-.693c0-3.754 1.476-7.271 4.154-9.901 2.68-2.63 6.259-4.053 9.98-3.973 7.509.137 13.617 6.538 13.617 14.268v.299c.051-.052.103-.104.155-.155 2.679-2.629 6.197-4.049 9.98-3.972 7.508.137 13.616 6.538 13.616 14.268v.299c.051-.052.103-.103.155-.154 2.679-2.629 6.185-4.051 9.98-3.972 7.511.138 13.619 6.538 13.619 14.268v124.082c0 8.108-6.087 14.82-13.932 15.807v13.621c0 1.105-.895 2-2 2zm-63.198-4h61.198v-13.496c0-1.104.895-2 2-2 6.579 0 11.932-5.352 11.932-11.932v-124.082c0-5.564-4.347-10.17-9.689-10.268-2.657-.052-5.198.955-7.105 2.827-1.906 1.873-2.957 4.375-2.957 7.048 0 1.104-.896 2-2 2s-2-.896-2-2v-10.047c0-5.564-4.347-10.17-9.689-10.268-2.667-.033-5.199.954-7.104 2.827-1.907 1.873-2.958 4.376-2.958 7.047 0 1.104-.895 2-2 2-1.104 0-2-.896-2-2v-10.047c0-5.564-4.347-10.17-9.689-10.269-2.72-.037-5.199.956-7.105 2.828-1.907 1.872-2.957 4.375-2.957 7.047v10.44c0 1.104-.895 2-2 2-1.104 0-2-.896-2-2 0-2.672-1.051-5.175-2.958-7.048-1.906-1.872-4.45-2.861-7.103-2.827-5.344.098-9.69 4.704-9.69 10.268v64.313c0 1.06-.827 1.936-1.886 1.997-1.025.06-1.979-.714-2.102-1.768-.57-4.96-4.769-8.701-9.765-8.701-4.037 0-7.724 2.538-9.175 6.316-.439 1.144-.662 2.328-.662 3.52v41.876c0 7.955 4.347 15.257 11.345 19.059.306.167.616.326.932.477 1.275.615 2.613 1.104 3.979 1.455 1.759.453 3.582.683 5.418.683 1.104 0 2 .896 2 2v1.579c0 7.606 6.188 13.793 13.793 13.793 1.104 0 2 .896 2 2v13.353z"
fill="#690589"
/>
</g>
<g>
<path
d="m115.993 189.725c-1.104 0-2-.895-2-2v-35.362c0-1.105.896-2 2-2s2 .895 2 2v35.362c0 1.104-.895 2-2 2z"
fill="#690589"
/>
</g>
<g>
<path
d="m139.744 139.502c-1.104 0-2-.895-2-2v-49.846c0-1.104.896-2 2-2 1.105 0 2 .896 2 2v49.847c0 1.104-.895 1.999-2 1.999z"
fill="#690589"
/>
</g>
<g>
<path
d="m163.496 139.502c-1.104 0-2-.895-2-2v-49.846c0-1.104.896-2 2-2 1.105 0 2 .896 2 2v49.847c0 1.104-.895 1.999-2 1.999z"
fill="#690589"
/>
</g>
<g>
<path
d="m187.248 139.502c-1.104 0-2-.895-2-2v-39.406c0-1.104.896-2 2-2s2 .896 2 2v39.406c0 1.105-.896 2-2 2z"
fill="#690589"
/>
</g>
<g>
<path
d="m69.479 54.958c-14.6 0-26.479-11.878-26.479-26.479s11.879-26.479 26.479-26.479 26.479 11.878 26.479 26.479-11.878 26.479-26.479 26.479zm0-48.958c-12.395 0-22.479 10.084-22.479 22.479s10.084 22.479 22.479 22.479 22.479-10.084 22.479-22.479-10.084-22.479-22.479-22.479z"
fill="#690589"
/>
</g>
<g>
<path
d="m148.52 54.958c-14.601 0-26.478-11.878-26.478-26.479s11.878-26.479 26.478-26.479c14.601 0 26.48 11.878 26.48 26.479s-11.879 26.479-26.48 26.479zm0-48.958c-12.394 0-22.478 10.084-22.478 22.479s10.084 22.479 22.478 22.479c12.396 0 22.48-10.084 22.48-22.479s-10.084-22.479-22.48-22.479z"
fill="#690589"
/>
</g>
<g>
<path
d="m69.479 134c-14.6 0-26.479-11.878-26.479-26.479s11.879-26.479 26.479-26.479 26.479 11.878 26.479 26.479-11.878 26.479-26.479 26.479zm0-48.958c-12.395 0-22.479 10.084-22.479 22.479s10.084 22.479 22.479 22.479 22.479-10.084 22.479-22.479-10.084-22.479-22.479-22.479z"
fill="#690589"
/>
</g>
<g>
<path
d="m101.404 176.724c-1.104 0-2-.896-2-2v-12c0-1.105.896-2 2-2s2 .895 2 2v12c0 1.105-.895 2-2 2z"
fill="#690589"
/>
</g>
</g>
</svg>
More icons in the same style and category