Add icons to this collection by clicking the heart icon.
Create icon - also known as pencil, settings, graphic design, create, and edit tools. Created in a clean gradient 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 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb14e" />
<stop offset="1" stop-color="#ff755c" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="64.332"
x2="447.667"
y1="258.001"
y2="258.001"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#235c81" />
<stop offset="1" stop-color="#092a40" />
</linearGradient>
<path
d="M447.667 294.379v-76.758l-29.887-8.688a167.32 167.32 0 0 0-14.107-34.04l14.994-27.284-54.275-54.276-27.285 14.994a167.404 167.404 0 0 0-34.04-14.108l-8.688-29.886h-76.758l-8.688 29.886a167.347 167.347 0 0 0-34.04 14.108l-27.285-14.994-54.275 54.276 14.994 27.284a167.45 167.45 0 0 0-14.108 34.04l-29.887 8.688v76.757l29.887 8.688a167.337 167.337 0 0 0 14.108 34.04L93.333 364.39l54.275 54.275 27.284-14.994a167.436 167.436 0 0 0 34.041 14.108l8.688 29.886h76.758l8.688-29.886a167.379 167.379 0 0 0 34.041-14.108l27.284 14.994 54.275-54.275-14.994-27.284a167.287 167.287 0 0 0 14.107-34.04l29.887-8.687z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="121.234"
x2="390.766"
y1="264.132"
y2="264.132"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bfbfbf" />
<stop offset="1" stop-color="#7c8e99" />
</linearGradient>
<path
d="M256 121.234c-74.31 0-134.766 60.456-134.766 134.766 0 54.281 32.258 101.17 78.611 122.502H256v-51.876l56.156 51.875c46.352-21.333 78.61-68.221 78.61-122.502 0-74.309-60.456-134.764-134.766-134.765z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="151.182"
x2="360.818"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe290" />
<stop offset="1" stop-color="#ffce47" />
</linearGradient>
<path
d="M256 151.182c-57.797 0-104.818 47.021-104.818 104.818S198.203 360.818 256 360.818 360.818 313.797 360.818 256 313.797 151.182 256 151.182z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="230.331"
x2="281.67"
y1="296.74"
y2="296.74"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3b8bc0" />
<stop offset="1" stop-color="#174461" />
</linearGradient>
<path
d="m256 240.844 25.67-17.969L256 177.953l-25.669 44.922 9.334 12.251-6.126 21.441 14.649-10.254L256 256.567z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="199.848"
x2="312.152"
y1="247.607"
y2="247.607"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#fff5d9" />
</linearGradient>
<path
d="m256 297.278 56.152-21.058-30.482-53.345h-51.339l-30.483 53.346 28.811 17.286-6.35 16.405 20.733-7.775L256 309.912z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="199.848"
x2="312.152"
y1="180.507"
y2="180.507"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a3dbff" />
<stop offset="1" stop-color="#45a2e0" />
</linearGradient>
<path
d="M256 276.22h-56.152v102.274c17.104 7.872 36.123 12.271 56.152 12.271 20.03 0 39.049-4.399 56.152-12.271V276.22H256z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category