Add icons to this collection by clicking the heart icon.
Marker icon - also known as write, pen, writing, marker, Tools and utensils, 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="100"
height="100"
viewBox="0 0 512.001 512.001"
>
<linearGradient
id="a"
x1="94.95"
x2="57.33"
y1="99.683"
y2="62.073"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4d4d4d" />
<stop offset="1" stop-color="#333" />
</linearGradient>
<path
d="m117.032 469.984-75.015-75.015a3.633 3.633 0 0 1 0-5.138l16.746-16.746 80.153 80.153-16.746 16.746a3.635 3.635 0 0 1-5.138 0z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="15.765"
x2="45.823"
y1="36.418"
y2="6.358"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="m45.274 466.727-11.058-11.058C15.042 474.843 5.573 489.03.936 498.746c-3.75 7.857 4.461 16.068 12.318 12.318 9.716-4.638 23.903-14.106 43.077-33.28l-11.057-11.057z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="41.267"
x2="41.267"
y1="15.264"
y2="80.514"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#019394" stop-opacity="0" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="M34.217 455.669a297.415 297.415 0 0 0-7.307 7.567v39.751c8.062-5.575 17.824-13.604 29.422-25.201l-11.058-11.058-11.057-11.059z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="39.997"
x2="94.337"
y1="80.762"
y2="26.432"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4d4d4d" />
<stop offset="1" stop-color="#333" />
</linearGradient>
<path
d="M42.259 395.211c9.754 9.754 8.459 20.672 2.05 31.536l-16.821 28.514a9 9 0 0 0 1.387 10.937l16.928 16.928a8.999 8.999 0 0 0 10.937 1.387l28.514-16.821c10.864-6.409 21.782-7.704 31.535 2.05l-74.53-74.531z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="275.398"
x2="351.278"
y1="294.743"
y2="218.863"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<path
d="m139.176 453.495-80.669-80.669a8.533 8.533 0 0 1 0-12.067L416.765 2.5a8.533 8.533 0 0 1 12.067 0l80.669 80.669a8.533 8.533 0 0 1 0 12.067L151.243 453.495a8.533 8.533 0 0 1-12.067 0z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="100.605"
x2="226.655"
y1="172.05"
y2="46"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="m166.855 437.882-92.736-92.736 28.381-28.381 92.736 92.736z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="361.321"
x2="487.371"
y1="432.776"
y2="306.726"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="m428.599 176.139-92.737-92.736 28.381-28.381 92.736 92.736z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="303.847"
x2="511.867"
y1="542.802"
y2="334.772"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" stop-opacity="0" />
<stop offset="1" stop-color="#d3b4a0" />
</linearGradient>
<path
d="m467.16 137.577-92.736-92.736 4.011-4.011 92.736 92.737z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="570.278"
x2="95.498"
y1="324.543"
y2="799.323"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<path
d="m428.903 14.629-38.34 38.34 68.468 68.468 38.34-38.34c3.33-3.33 4.036-8.016 1.577-10.475l-59.571-59.571c-2.457-2.457-7.143-1.752-10.474 1.578z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="423.498"
x2="511.408"
y1="471.322"
y2="383.413"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<path
d="m482.404 68.131-38.34 38.34-38.533-38.533 38.34-38.34c3.33-3.33 7.146-4.906 8.53-3.522l33.525 33.525c1.384 1.383-.192 5.2-3.522 8.53z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="451.998"
x2="416.208"
y1="442.823"
y2="478.607"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<path
d="m456.208 41.936-38.34 38.34 13.858 13.858 38.34-38.34c3.33-3.33 5.623-6.429 5.126-6.927L463.135 36.81c-.498-.497-3.597 1.796-6.927 5.126z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="98.135"
x2="98.135"
y1="48.944"
y2="184.024"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4d4d4d" stop-opacity="0" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path
d="m58.507 411.457 58.527 58.527a3.633 3.633 0 0 0 5.138 0l16.746-16.746-80.153-80.153-.258.258v38.114z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="378.57"
x2="74.53"
y1="145.998"
y2="324.468"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" stop-opacity="0" />
<stop offset="1" stop-color="#d3b4a0" />
</linearGradient>
<path
d="m354.222 250.407-42.193-42.193a5.83 5.83 0 0 0-8.243 0l-14.105 14.105c-1.575 1.575-2.034 3.823-1.429 5.816a5.82 5.82 0 0 0 0 3.388c-.106.351-.18.707-.219 1.069L271.3 249.326a32.382 32.382 0 0 0-7.116 10.707c-5.023 12.356-19.211 42.873-47.891 75.427-3.566 4.048-5.085 9.284-4.645 14.507v43.014l142.574-142.574z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="229.107"
x2="387.907"
y1="243.682"
y2="84.882"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="m333.444 271.294-42.055-42.055-20.089 20.088a32.382 32.382 0 0 0-7.116 10.707c-5.023 12.356-19.211 42.873-47.891 75.427-6.938 7.876-6.183 20.254 1.83 28.267l11.443 11.444 11.443 11.443c8.013 8.013 20.393 8.769 28.267 1.83 32.553-28.68 63.071-42.868 75.427-47.892a32.364 32.364 0 0 0 10.707-7.115l20.088-20.088-42.054-42.056z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="294.473"
x2="221.083"
y1="178.318"
y2="251.698"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="m333.444 271.294-14.21-14.21-20.088 20.088c-3.048 3.048-5.87 6.275-8.304 9.518-7.45 9.928-27.045 35.04-57.008 66.311-7.248 7.566-10.841 15.596-8.134 18.303l3.866 3.866 3.866 3.866c2.708 2.708 10.738-.885 18.303-8.134 31.271-29.963 56.383-49.557 66.311-57.008 3.244-2.434 6.47-5.257 9.518-8.304l20.089-20.089-14.209-14.207z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="331.099"
x2="331.099"
y1="178.354"
y2="338.884"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#019394" stop-opacity="0" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="m291.389 229.238-1.708 1.708v141.072c24.345-17.886 45.304-27.513 55.023-31.464a32.364 32.364 0 0 0 10.707-7.115l20.088-20.088-42.055-42.055-42.055-42.058z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="348.861"
x2="305.341"
y1="261.221"
y2="217.701"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="m374.175 315.056-84.493-84.493a5.83 5.83 0 0 1 0-8.243l14.105-14.105a5.83 5.83 0 0 1 8.243 0l84.493 84.493a5.83 5.83 0 0 1 0 8.243l-14.105 14.105a5.83 5.83 0 0 1-8.243 0z"
fill="url(#q)"
/>
</svg>
More icons in the same style and category