coil logo

coil from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
coil
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the coil logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m.465 5.814a4.56 4.56 0 0 1 2.756.83c1.215.886 1.465 1.856 1.465 2.5a1.9 1.9 0 0 1-.086.6a2.77 2.77 0 0 1-2.305 1.906a6 6 0 0 1-.654.055c-1 0-1.33-.41-1.33-.87c0-.624.6-1.364 1.035-1.364a.3.3 0 0 1 .154.045a.76.76 0 0 0 .375.093a.3.3 0 0 0 .11 0a.55.55 0 0 0 .515-.558c0-.55-.625-1.25-2-1.25a5.3 5.3 0 0 0-1.55.244A4.12 4.12 0 0 0 8.685 9.8A4 4 0 0 0 8 12.05A3.95 3.95 0 0 0 8.5 14a4.24 4.24 0 0 0 3.69 2.06h.24c2-.11 2.46-1.09 2.906-1.28a1.5 1.5 0 0 1 .299-.065c.325 0 .745.164 1.035.86a.7.7 0 0 1 .07.3c0 1.145-2.67 2.18-4.22 2.26h-.35A6.38 6.38 0 0 1 6.62 15a5.9 5.9 0 0 1-.77-2.94a6.1 6.1 0 0 1 1.035-3.39a6.2 6.2 0 0 1 3.385-2.5a7.3 7.3 0 0 1 2.195-.356"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsCoil(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="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m.465 5.814a4.56 4.56 0 0 1 2.756.83c1.215.886 1.465 1.856 1.465 2.5a1.9 1.9 0 0 1-.086.6a2.77 2.77 0 0 1-2.305 1.906a6 6 0 0 1-.654.055c-1 0-1.33-.41-1.33-.87c0-.624.6-1.364 1.035-1.364a.3.3 0 0 1 .154.045a.76.76 0 0 0 .375.093a.3.3 0 0 0 .11 0a.55.55 0 0 0 .515-.558c0-.55-.625-1.25-2-1.25a5.3 5.3 0 0 0-1.55.244A4.12 4.12 0 0 0 8.685 9.8A4 4 0 0 0 8 12.05A3.95 3.95 0 0 0 8.5 14a4.24 4.24 0 0 0 3.69 2.06h.24c2-.11 2.46-1.09 2.906-1.28a1.5 1.5 0 0 1 .299-.065c.325 0 .745.164 1.035.86a.7.7 0 0 1 .07.3c0 1.145-2.67 2.18-4.22 2.26h-.35A6.38 6.38 0 0 1 6.62 15a5.9 5.9 0 0 1-.77-2.94a6.1 6.1 0 0 1 1.035-3.39a6.2 6.2 0 0 1 3.385-2.5a7.3 7.3 0 0 1 2.195-.356"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m.465 5.814a4.56 4.56 0 0 1 2.756.83c1.215.886 1.465 1.856 1.465 2.5a1.9 1.9 0 0 1-.086.6a2.77 2.77 0 0 1-2.305 1.906a6 6 0 0 1-.654.055c-1 0-1.33-.41-1.33-.87c0-.624.6-1.364 1.035-1.364a.3.3 0 0 1 .154.045a.76.76 0 0 0 .375.093a.3.3 0 0 0 .11 0a.55.55 0 0 0 .515-.558c0-.55-.625-1.25-2-1.25a5.3 5.3 0 0 0-1.55.244A4.12 4.12 0 0 0 8.685 9.8A4 4 0 0 0 8 12.05A3.95 3.95 0 0 0 8.5 14a4.24 4.24 0 0 0 3.69 2.06h.24c2-.11 2.46-1.09 2.906-1.28a1.5 1.5 0 0 1 .299-.065c.325 0 .745.164 1.035.86a.7.7 0 0 1 .07.3c0 1.145-2.67 2.18-4.22 2.26h-.35A6.38 6.38 0 0 1 6.62 15a5.9 5.9 0 0 1-.77-2.94a6.1 6.1 0 0 1 1.035-3.39a6.2 6.2 0 0 1 3.385-2.5a7.3 7.3 0 0 1 2.195-.356"/></svg>
</template>

CSS

.icon-coil {
  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%22M12%200A12%2012%200%200%200%200%2012a12%2012%200%200%200%2012%2012a12%2012%200%200%200%2012-12A12%2012%200%200%200%2012%200m.465%205.814a4.56%204.56%200%200%201%202.756.83c1.215.886%201.465%201.856%201.465%202.5a1.9%201.9%200%200%201-.086.6a2.77%202.77%200%200%201-2.305%201.906a6%206%200%200%201-.654.055c-1%200-1.33-.41-1.33-.87c0-.624.6-1.364%201.035-1.364a.3.3%200%200%201%20.154.045a.76.76%200%200%200%20.375.093a.3.3%200%200%200%20.11%200a.55.55%200%200%200%20.515-.558c0-.55-.625-1.25-2-1.25a5.3%205.3%200%200%200-1.55.244A4.12%204.12%200%200%200%208.685%209.8A4%204%200%200%200%208%2012.05A3.95%203.95%200%200%200%208.5%2014a4.24%204.24%200%200%200%203.69%202.06h.24c2-.11%202.46-1.09%202.906-1.28a1.5%201.5%200%200%201%20.299-.065c.325%200%20.745.164%201.035.86a.7.7%200%200%201%20.07.3c0%201.145-2.67%202.18-4.22%202.26h-.35A6.38%206.38%200%200%201%206.62%2015a5.9%205.9%200%200%201-.77-2.94a6.1%206.1%200%200%201%201.035-3.39a6.2%206.2%200%200%201%203.385-2.5a7.3%207.3%200%200%201%202.195-.356%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%22M12%200A12%2012%200%200%200%200%2012a12%2012%200%200%200%2012%2012a12%2012%200%200%200%2012-12A12%2012%200%200%200%2012%200m.465%205.814a4.56%204.56%200%200%201%202.756.83c1.215.886%201.465%201.856%201.465%202.5a1.9%201.9%200%200%201-.086.6a2.77%202.77%200%200%201-2.305%201.906a6%206%200%200%201-.654.055c-1%200-1.33-.41-1.33-.87c0-.624.6-1.364%201.035-1.364a.3.3%200%200%201%20.154.045a.76.76%200%200%200%20.375.093a.3.3%200%200%200%20.11%200a.55.55%200%200%200%20.515-.558c0-.55-.625-1.25-2-1.25a5.3%205.3%200%200%200-1.55.244A4.12%204.12%200%200%200%208.685%209.8A4%204%200%200%200%208%2012.05A3.95%203.95%200%200%200%208.5%2014a4.24%204.24%200%200%200%203.69%202.06h.24c2-.11%202.46-1.09%202.906-1.28a1.5%201.5%200%200%201%20.299-.065c.325%200%20.745.164%201.035.86a.7.7%200%200%201%20.07.3c0%201.145-2.67%202.18-4.22%202.26h-.35A6.38%206.38%200%200%201%206.62%2015a5.9%205.9%200%200%201-.77-2.94a6.1%206.1%200%200%201%201.035-3.39a6.2%206.2%200%200%201%203.385-2.5a7.3%207.3%200%200%201%202.195-.356%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/coil.svg?color=%231a73e8&size=48