Edit Sparkle Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Collection: VS Code Codicons
Format: SVG, Font (WOFF2), npm, PNG
License: CC BY 4.0 - Free for commercial use
Tags: edit sparkle pencil write modify change update

The Edit Sparkle icon is commonly used in content management systems, form toolbars and inline editors. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/307141.svg" alt="Edit Sparkle icon" width="24" height="24">

React JSX

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

Vue template

<img
  src="https://proicons.com/icon/307141.svg"
  alt="Edit Sparkle icon"
  :width="24"
  :height="24"
/>

CSS background

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

SVG markup

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M5.80102 2.217L5.78602 2.213L5.02102 1.964C4.86202 1.911 4.71302 1.834 4.57902 1.735C4.51702 1.689 4.45802 1.638 4.40302 1.583C4.23002 1.41 4.09902 1.198 4.02202 0.966L3.77302 0.201C3.75202 0.142 3.71402 0.091 3.66202 0.055C3.61502 0.022 3.56002 0.003 3.50302 0H3.48802C3.42502 0 3.36402 0.019 3.31302 0.055C3.26202 0.091 3.22302 0.142 3.20302 0.201L2.95402 0.966C2.87802 1.197 2.75002 1.407 2.57902 1.58C2.55402 1.605 2.52902 1.629 2.50302 1.652C2.34802 1.79 2.16702 1.896 1.97002 1.964L1.37502 2.157H1.37302L1.20102 2.212C1.14202 2.233 1.09102 2.272 1.05502 2.323C1.01902 2.374 0.999023 2.435 0.999023 2.498C0.999023 2.561 1.01902 2.622 1.05502 2.672C1.09102 2.723 1.14202 2.761 1.20102 2.782L1.96802 3.031L2.05102 3.061C2.05102 3.061 2.05602 3.063 2.05802 3.064C2.12102 3.089 2.18302 3.119 2.24202 3.152C2.36802 3.223 2.48302 3.311 2.58602 3.413C2.74002 3.566 2.86002 3.75 2.93802 3.952C2.94802 3.979 2.95802 4.006 2.96702 4.033L3.21602 4.798C3.23702 4.857 3.27502 4.908 3.32702 4.944C3.37802 4.98 3.43902 5 3.50202 5H3.50602C3.56702 5 3.62702 4.98 3.67702 4.944C3.71102 4.92 3.73902 4.889 3.76102 4.854C3.77202 4.836 3.78102 4.817 3.78802 4.798L4.03702 4.033C4.11402 3.8 4.24502 3.589 4.41802 3.416C4.59102 3.243 4.80302 3.112 5.03602 3.035L5.80102 2.786C5.86002 2.765 5.91102 2.727 5.94702 2.676C5.98302 2.625 6.00302 2.564 6.00302 2.501C6.00302 2.438 5.98402 2.378 5.94702 2.326C5.91102 2.275 5.86002 2.237 5.80102 2.217Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.234 1.76599C13.21 0.741986 11.551 0.741986 10.527 1.76599L7.63603 4.65699L8.13803 4.81999C8.32603 4.88399 8.47303 4.98799 8.60103 5.10699L9.74903 3.95899L12.042 6.25199L5.65603 12.638C5.40803 12.885 5.09903 13.062 4.76003 13.149L2.19303 13.808L2.85203 11.241C2.93903 10.902 3.11503 10.593 3.36303 10.345L5.10703 8.60099C4.98503 8.47099 4.88003 8.32399 4.82403 8.15299L4.65603 7.63899L2.65703 9.63799C2.28303 10.012 2.01603 10.48 1.88403 10.993L1.01503 14.378C0.971028 14.549 1.02103 14.731 1.14603 14.856C1.27103 14.981 1.45303 15.031 1.62403 14.987L5.00903 14.118C5.52203 13.987 5.98903 13.72 6.36403 13.346L14.236 5.47399C15.26 4.44999 15.26 2.79099 14.236 1.76699L14.234 1.76599ZM13.527 4.76599L12.748 5.54499L10.455 3.25199L11.234 2.47299C11.867 1.83999 12.894 1.83999 13.527 2.47299C14.16 3.10599 14.16 4.13299 13.527 4.76599Z"/><path d="M7.82903 5.77101L7.21703 5.57201V5.57401C7.03103 5.51201 6.86203 5.40801 6.72303 5.26901C6.58403 5.13001 6.48003 4.96101 6.41803 4.77501L6.21903 4.16301C6.20303 4.11601 6.17203 4.07501 6.13103 4.04601C6.09003 4.01801 6.04103 4.00201 5.99103 4.00201C5.94103 4.00201 5.89203 4.01701 5.85103 4.04601C5.81103 4.07501 5.78003 4.11601 5.76303 4.16301L5.56403 4.77501C5.50303 4.95901 5.40103 5.12701 5.26403 5.26601C5.12803 5.40401 4.96103 5.51001 4.77703 5.57301L4.16503 5.77201C4.11803 5.78801 4.07603 5.81901 4.04803 5.86001C4.02003 5.90101 4.00403 5.95001 4.00403 6.00001C4.00403 6.05001 4.01903 6.09901 4.04803 6.14001C4.07703 6.18001 4.11803 6.21101 4.16503 6.22801L4.74803 6.41701V6.42001L4.77203 6.42801C4.95903 6.49001 5.12803 6.59401 5.26703 6.73301C5.40503 6.87201 5.51003 7.04201 5.57203 7.22801L5.77203 7.84001C5.78803 7.88701 5.81903 7.92801 5.86003 7.95701C5.90003 7.98501 5.94703 8.00101 5.99603 8.00101H6.00303C6.05303 8.00101 6.10203 7.98601 6.14303 7.95701C6.18403 7.92801 6.21403 7.88701 6.23103 7.84001L6.43003 7.22801C6.49203 7.04201 6.59603 6.87301 6.73503 6.73401C6.87403 6.59501 7.04303 6.49101 7.22903 6.42901L7.84103 6.23001C7.88803 6.21401 7.93003 6.18301 7.95803 6.14201C7.98603 6.10101 8.00203 6.05201 8.00203 6.00201C8.00203 5.95201 7.98703 5.90301 7.95803 5.86201C7.92903 5.82201 7.88803 5.79101 7.84103 5.77401L7.82903 5.77101Z"/></svg>

Copied!

Edit Sparkle Icon

More from VS Code Codicons