Add icons to this collection by clicking the heart icon.
Pencil icon - also known as education, write, pencil, draw, edit, and ui. Created in a clean flat 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="512"
    height="512"
    viewBox="0 0 71.967 71.967"
>
    <linearGradient
        id="a"
        x1="35.983"
        x2="35.983"
        y1="71.967"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#262261" />
        <stop offset=".012" stop-color="#262261" />
        <stop offset=".02" stop-color="#262261" />
        <stop offset=".031" stop-color="#262261" />
        <stop offset=".039" stop-color="#262261" />
        <stop offset=".051" stop-color="#262261" />
        <stop offset=".059" stop-color="#292363" />
        <stop offset=".071" stop-color="#2c2365" />
        <stop offset=".078" stop-color="#2f2468" />
        <stop offset=".09" stop-color="#32246a" />
        <stop offset=".102" stop-color="#35256c" />
        <stop offset=".11" stop-color="#37256e" />
        <stop offset=".122" stop-color="#3a2670" />
        <stop offset=".129" stop-color="#3d2672" />
        <stop offset=".141" stop-color="#3f2774" />
        <stop offset=".149" stop-color="#422776" />
        <stop offset=".161" stop-color="#442777" />
        <stop offset=".169" stop-color="#462879" />
        <stop offset=".18" stop-color="#48287a" />
        <stop offset=".188" stop-color="#4a287c" />
        <stop offset=".2" stop-color="#4c297d" />
        <stop offset=".212" stop-color="#4e297f" />
        <stop offset=".22" stop-color="#502980" />
        <stop offset=".231" stop-color="#512981" />
        <stop offset=".239" stop-color="#532a83" />
        <stop offset=".251" stop-color="#552a84" />
        <stop offset=".259" stop-color="#562a85" />
        <stop offset=".271" stop-color="#582a86" />
        <stop offset=".278" stop-color="#592b87" />
        <stop offset=".29" stop-color="#5a2b88" />
        <stop offset=".302" stop-color="#5b2b89" />
        <stop offset=".31" stop-color="#5c2b8a" />
        <stop offset=".322" stop-color="#5e2b8a" />
        <stop offset=".329" stop-color="#5f2c8b" />
        <stop offset=".341" stop-color="#602c8c" />
        <stop offset=".349" stop-color="#612c8d" />
        <stop offset=".361" stop-color="#612c8d" />
        <stop offset=".369" stop-color="#622c8e" />
        <stop offset=".38" stop-color="#622c8e" />
        <stop offset=".388" stop-color="#632c8e" />
        <stop offset=".4" stop-color="#632d8f" />
        <stop offset=".412" stop-color="#632d8f" />
        <stop offset=".42" stop-color="#642d8f" />
        <stop offset=".431" stop-color="#642d8f" />
        <stop offset=".439" stop-color="#652d90" />
        <stop offset=".451" stop-color="#652d90" />
        <stop offset=".459" stop-color="#672d90" />
        <stop offset=".471" stop-color="#682d90" />
        <stop offset=".478" stop-color="#6a2c90" />
        <stop offset=".49" stop-color="#6b2c90" />
        <stop offset=".502" stop-color="#6d2c90" />
        <stop offset=".51" stop-color="#6e2c90" />
        <stop offset=".522" stop-color="#702c90" />
        <stop offset=".529" stop-color="#712b90" />
        <stop offset=".541" stop-color="#722b90" />
        <stop offset=".549" stop-color="#732b90" />
        <stop offset=".561" stop-color="#752b90" />
        <stop offset=".569" stop-color="#762b90" />
        <stop offset=".58" stop-color="#772a8f" />
        <stop offset=".588" stop-color="#782a8f" />
        <stop offset=".6" stop-color="#792a8f" />
        <stop offset=".612" stop-color="#7a2a8f" />
        <stop offset=".62" stop-color="#7c2a8f" />
        <stop offset=".631" stop-color="#7d2a8f" />
        <stop offset=".639" stop-color="#7e298f" />
        <stop offset=".651" stop-color="#7f298f" />
        <stop offset=".659" stop-color="#80298f" />
        <stop offset=".671" stop-color="#81298f" />
        <stop offset=".678" stop-color="#82298f" />
        <stop offset=".69" stop-color="#82298f" />
        <stop offset=".702" stop-color="#83298f" />
        <stop offset=".71" stop-color="#84298f" />
        <stop offset=".722" stop-color="#85298f" />
        <stop offset=".729" stop-color="#85298f" />
        <stop offset=".741" stop-color="#86288e" />
        <stop offset=".749" stop-color="#87288e" />
        <stop offset=".761" stop-color="#87288e" />
        <stop offset=".769" stop-color="#88288e" />
        <stop offset=".78" stop-color="#89288e" />
        <stop offset=".788" stop-color="#89288e" />
        <stop offset=".8" stop-color="#8a288e" />
        <stop offset=".812" stop-color="#8b288e" />
        <stop offset=".82" stop-color="#8b288e" />
        <stop offset=".831" stop-color="#8c288e" />
        <stop offset=".839" stop-color="#8c288e" />
        <stop offset=".851" stop-color="#8d288e" />
        <stop offset=".859" stop-color="#8d288e" />
        <stop offset=".871" stop-color="#8d288e" />
        <stop offset=".878" stop-color="#8d288e" />
        <stop offset=".89" stop-color="#8e288e" />
        <stop offset=".902" stop-color="#8e288e" />
        <stop offset=".91" stop-color="#8e278e" />
        <stop offset=".922" stop-color="#8e278e" />
        <stop offset=".929" stop-color="#8e278e" />
        <stop offset=".941" stop-color="#8f278e" />
        <stop offset=".949" stop-color="#8f278e" />
        <stop offset=".961" stop-color="#8f278e" />
        <stop offset=".969" stop-color="#8f278e" />
        <stop offset=".98" stop-color="#90278e" />
        <stop offset=".988" stop-color="#90278e" />
        <stop offset="1" stop-color="#90278e" />
    </linearGradient>
    <g fill-rule="evenodd">
        <path
            fill="url(#a)"
            d="M71.966 35.983C71.966 16.11 55.856 0 35.983 0S0 16.11 0 35.983s16.11 35.984 35.983 35.984 35.983-16.11 35.983-35.984z"
        />
        <path
            fill="#fff"
            d="M14.906 57.638a.583.583 0 0 1-.423-.176.612.612 0 0 1-.14-.634l4.398-13.265a.566.566 0 0 1 .14-.246l26.356-26.355c1.513-1.514 3.413-2.428 5.419-2.604 2.04-.176 3.87.457 5.172 1.759l.106.106c1.09 1.126 1.689 2.709 1.724 4.433 0 2.182-.95 4.399-2.604 6.052L28.7 53.063a.568.568 0 0 1-.246.141l-13.336 4.398c-.07 0-.14.036-.211.036zm4.926-13.582L15.89 56.018l11.963-3.94 26.25-26.25c1.443-1.443 2.252-3.343 2.252-5.173 0-1.443-.528-2.71-1.443-3.66l-.105-.105c-1.056-.985-2.498-1.443-4.117-1.302-1.69.141-3.343.95-4.61 2.252z"
        />
        <path
            fill="#fff"
            d="M28.171 53.24a.65.65 0 0 1-.422-.177l-8.902-8.902a.616.616 0 0 1 0-.88.616.616 0 0 1 .88 0l8.901 8.903a.616.616 0 0 1 0 .88c-.14.105-.28.175-.457.175zM52.098 29.347a.65.65 0 0 1-.422-.176l-8.902-8.902c-.246-.246-.246-.633 0-.88s.633-.246.88 0l8.902 8.903a.616.616 0 0 1 0 .88.828.828 0 0 1-.458.175zM27.89 44.654a.616.616 0 0 1-.422-1.056l14.497-14.497a.616.616 0 0 1 .88 0 .616.616 0 0 1 0 .88L28.311 44.478a.65.65 0 0 1-.422.176z"
        />
    </g>
</svg>
More icons in the same style and category