Add icons to this collection by clicking the heart icon.
Marker icon - also known as education, draw, drawing, edit, marker, ui, underline, permanent, highlighter, and edit tools. Created in a clean 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="511pt"
height="511pt"
viewBox="0 -8 511.999 511"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffe548" />
<stop offset="1" stop-color="#ffb211" />
</linearGradient>
<linearGradient
id="e"
x1="1014.099"
x2="1048.5"
y1="259.228"
y2="259.228"
gradientTransform="rotate(45 265.754 -833.283) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffb211" stop-opacity="0" />
<stop offset=".228" stop-color="#ff9f19" stop-opacity=".227" />
<stop offset=".686" stop-color="#ff6f2e" stop-opacity=".686" />
<stop offset="1" stop-color="#ff4b3e" />
</linearGradient>
<linearGradient
id="f"
x1="1062.291"
x2="989.684"
y1="274.32"
y2="201.713"
gradientTransform="rotate(45 265.754 -833.283) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#575c55" />
<stop offset="1" stop-color="#45425a" />
</linearGradient>
<linearGradient
id="g"
x1="2372.546"
x2="2459.644"
y1="251.399"
y2="251.399"
gradientTransform="rotate(45 709.737 -1709.987) scale(.73856 1.00391)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="1089.817"
x2="968.296"
y1="178.725"
y2="178.725"
gradientTransform="rotate(45 265.754 -833.283) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#45425a" stop-opacity="0" />
<stop offset=".347" stop-color="#353343" stop-opacity=".349" />
<stop offset="1" stop-color="#1a1a1a" />
</linearGradient>
<linearGradient
id="i"
x1="1037.267"
x2="1019.222"
y1="203.043"
y2="112.327"
gradientTransform="rotate(45 265.754 -833.283) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="j"
x1="957.476"
x2="1240.78"
y1="125.432"
y2="125.432"
gradientTransform="rotate(45 265.754 -833.283) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="1031.293"
x2="1019.506"
y1="143.379"
y2="84.126"
gradientTransform="rotate(45 265.754 -833.283) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="952.323"
x2="1257.107"
y1="-109.372"
y2="-109.372"
gradientTransform="rotate(45 265.754 -833.283) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="1201.14"
x2="623.688"
y1="-86.329"
y2="-86.329"
gradientTransform="rotate(45 265.754 -833.283) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="1553.002"
x2="1532.673"
y1="-696.406"
y2="-817.157"
gradientTransform="rotate(45 -193.11 -1751.755) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="1553.002"
x2="1532.673"
y1="-651.509"
y2="-772.26"
gradientTransform="rotate(45 -193.11 -1751.755) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="1552.382"
x2="1533.451"
y1="-610.318"
y2="-722.76"
gradientTransform="rotate(45 -193.11 -1751.755) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="1550.207"
x2="1536.105"
y1="-578.212"
y2="-661.972"
gradientTransform="rotate(45 -193.11 -1751.755) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="1538.489"
x2="1538.489"
y1="-746.229"
y2="-723.981"
gradientTransform="rotate(45 -193.11 -1751.755) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="1538.489"
x2="1538.489"
y1="-701.332"
y2="-679.084"
gradientTransform="rotate(45 -193.11 -1751.755) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="1538.489"
x2="1538.489"
y1="-656.435"
y2="-634.187"
gradientTransform="rotate(45 -193.11 -1751.755) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="1538.489"
x2="1538.489"
y1="-611.537"
y2="-589.289"
gradientTransform="rotate(45 -193.11 -1751.755) scale(1.00391)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#e)"
d="m69.918 476.855-34.797-34.792-31.285 31.285c-8.195 8.195-2.39 22.207 9.195 22.207h30.75c4.762 0 9.332-1.895 12.703-5.266zm0 0"
/>
<path
fill="url(#f)"
d="M26.035 451.152v44.403h17.746c4.762 0 9.332-1.895 12.703-5.266l13.434-13.434-34.797-34.792zm0 0"
/>
<path
fill="url(#g)"
d="M42.273 325.523c26.098 26.098 18.528 67.914-10.414 104.672-7.449 9.457-8.25 21.13-1.843 27.535l24.754 24.754c6.406 6.407 18.078 5.606 27.535-1.843 36.757-28.946 78.574-36.512 104.672-10.418zm0 0"
/>
<path
fill="url(#h)"
d="M82.945 366.195c11.426 11.426 1.868 35.985-19.117 60.387-5.398 6.281-7.328 12.969-4.523 15.773l10.84 10.84c2.804 2.805 9.492.875 15.77-4.523 24.405-20.985 48.964-30.543 60.39-19.117zm0 0"
/>
<path
fill="url(#i)"
d="m58.188 362.691.132.086v122.254c6.63 3.399 16.075 1.836 23.985-4.39 36.754-28.946 78.574-36.512 104.672-10.418l-144.704-144.7c10.348 10.348 15.383 23.172 15.914 37.168zm0 0"
/>
<path
fill="url(#j)"
d="M183.195 468.523 43.977 329.305c-7.016-7.016-7.016-18.39 0-25.407l15.136-15.136 164.621 164.62-15.136 15.138c-7.012 7.015-18.387 7.015-25.403.003zm0 0"
/>
<path
fill="url(#k)"
d="M183.195 468.523c7.016 7.012 18.39 7.012 25.403 0l15.136-15.136L59.371 289.02l-12.824 12.824v30.031zm0 0"
/>
<path
fill="url(#l)"
d="M206.066 463.758 48.742 306.434c-5.754-5.754-5.398-15.188.77-20.497L371.293 9.262c14.379-12.364 35.855-11.555 49.266 1.855l80.824 80.824c13.406 13.41 14.215 34.887 1.851 49.266L226.56 462.984c-5.305 6.172-14.739 6.528-20.493.774zm0 0"
/>
<path
fill="url(#m)"
d="m196.203 375.648-59.351-59.351c-12.657-12.656-11.961-33.375 1.511-45.156l190.864-166.864c12.257-10.715 30.718-10.097 42.23 1.414l35.352 35.352c11.511 11.512 12.129 29.973 1.414 42.23L241.359 374.137c-11.78 13.472-32.5 14.168-45.156 1.511zm0 0"
/>
<path
fill="url(#n)"
d="m295.074 294.785 53.375-53.37v-24.927c1.77-3.851-7.344-17.394-21.195-31.246-14.54-14.539-28.762-23.883-31.77-20.875-.62.621-.687 1.742-.32 3.227.004 0-.207 98.12-.09 127.191zm0 0"
/>
<path
fill="url(#o)"
d="m263.203 326.66 53.375-53.375V248.36c1.77-3.851-7.344-17.394-21.195-31.246-14.535-14.539-28.762-23.886-31.77-20.879-.62.621-.687 1.746-.316 3.23 0 0-.211 98.122-.094 127.196zm0 0"
/>
<path
fill="url(#p)"
d="m284.707 305.168-30.289 30.289a54.411 54.411 0 0 1-23.106 13.758c-.066-36.496.114-117.88.114-117.88-.367-1.48-.305-2.608.316-3.23 3.004-3.003 17.23 6.333 31.774 20.88 13.843 13.843 22.964 27.398 21.191 31.25zm0 0"
/>
<path
fill="url(#q)"
d="M252.848 336.953a54.19 54.19 0 0 1-21.536 12.262c-10.402 3.078-21.55 3.004-31.898-.254.035-38.625.137-85.75.137-85.75-.367-1.48-.305-2.61.316-3.23 3.016-3.016 17.23 6.331 31.774 20.878 13.847 13.844 22.968 27.399 21.195 31.25zm0 0"
/>
<path
fill="url(#r)"
d="M348.133 217.012c-3.008 3.008-17.23-6.34-31.77-20.875-14.539-14.54-23.886-28.762-20.879-31.77 3.008-3.008 17.235 6.336 31.77 20.875 14.539 14.54 23.887 28.762 20.879 31.77zm0 0"
/>
<path
fill="url(#s)"
d="M316.262 248.883c-3.008 3.008-17.23-6.336-31.77-20.875-14.539-14.54-23.887-28.762-20.879-31.77 3.008-3.008 17.235 6.34 31.77 20.875 14.539 14.54 23.887 28.762 20.879 31.77zm0 0"
/>
<path
fill="url(#t)"
d="M284.39 280.758c-3.007 3.008-17.234-6.34-31.769-20.88-14.539-14.538-23.887-28.76-20.879-31.769 3.008-3.007 17.23 6.336 31.77 20.875 14.539 14.54 23.886 28.762 20.879 31.774zm0 0"
/>
<path
fill="url(#u)"
d="M252.52 312.625c-3.008 3.008-17.235-6.336-31.774-20.875-14.535-14.54-23.883-28.762-20.875-31.77 3.008-3.007 17.23 6.34 31.77 20.875 14.539 14.54 23.886 28.762 20.879 31.77zm0 0"
/>
</svg>
More icons in the same style and category