Code File color icon
The color version of the code file line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.
16
20
24
32
48
Style
Color
PNG size
Free for personal and commercial use. No attribution required.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#afa1f7" stroke="none"><path fill-rule="evenodd" d="m5.93 1-.64.09-.5.17-.35.18-.51.39-.35.4-.32.56-.17.5-.07.38L3 20l.12.84.32.72.49.61.63.46.73.28.64.09H18l.84-.12.72-.32.61-.49.39-.51.32-.72.1-.51L21 9h-7l-.47-.12-.36-.32L13 8.1V1zm8.79 14-1.5-1.88-.18-.34-.03-.39.11-.37.26-.3.34-.18.29-.04.29.05.42.25 2.12 2.65.12.26.04.29-.04.29-.12.26-2.12 2.65-.24.18-.27.1-.49-.02-.34-.18-.26-.3-.11-.37.03-.39.18-.34zm-7.5-.62 2-2.5.21-.2.36-.16h.39l.28.09.31.25.15.25.07.28-.01.29-.09.28L9.28 15l1.5 1.88.15.25.07.28-.02.3-.1.27-.18.24-.33.21-.38.07-.38-.08-.33-.22-2.17-2.74-.09-.27L7 14.9l.07-.28zM15 7h5.41L15 1.59z"/></g><g fill="none" stroke="#281d63" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z"/><path d="M14 2v6h6m-10 4.5L8 15l2 2.5m4-5 2 2.5-2 2.5"/></g></svg>Want it moving? See the animated code file icon.