Code File icon in outline, twotone, bold and bulk. Free in all four styles, for documents, attachments, clipboard, archive, editing. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconCodeFile } from "@devigner-ui/icons";
<IconCodeFile className="size-6" />
<script setup>
import { IconCodeFile } from "@devigner-ui/icons-vue";
</script>
<template>
<IconCodeFile class="size-6" />
</template>
<script>
import { IconCodeFile } from "@devigner-ui/icons-svelte";
</script>
<IconCodeFile class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m15.4 4.05-.5.56zm3.95 3.57-.5.55zm2.3 2.53-.68.3v.01zM3.17 20.83l.53-.53zm17.66 0-.53-.53zm-6.83.42h-4v1.5h4zM2.75 14v-4h-1.5v4zm18.5-.44V14h1.5v-.44zm-6.36-8.95 3.96 3.56 1-1.11L15.9 3.5zm7.86 8.95c0-1.69.02-2.75-.41-3.71l-1.37.61c.26.6.28 1.28.28 3.1zm-3.9-5.39c1.35 1.22 1.85 1.7 2.12 2.29l1.37-.61c-.43-.96-1.23-1.66-2.49-2.8zm-8.82-5.42c1.58 0 2.18.01 2.71.22l.54-1.4c-.85-.33-1.78-.32-3.25-.32zm5.86.75c-1.08-.98-1.76-1.6-2.61-1.93l-.54 1.4c.53.2.98.59 2.15 1.64zM10 21.25c-1.9 0-3.26 0-4.29-.14-1-.13-1.58-.39-2-.81l-1.07 1.06c.75.75 1.7 1.08 2.87 1.24 1.15.15 2.63.15 4.49.15zM1.25 14c0 1.86 0 3.34.15 4.49a4.7 4.7 0 0 0 1.24 2.87L3.7 20.3c-.42-.42-.67-1-.81-2.01A36 36 0 0 1 2.75 14zM14 22.75c1.86 0 3.34 0 4.49-.15a4.7 4.7 0 0 0 2.87-1.24L20.3 20.3c-.43.42-1 .68-2.01.81-1.03.14-2.38.14-4.29.14zM21.25 14c0 1.9 0 3.26-.14 4.29-.13 1-.39 1.59-.81 2l1.06 1.07a4.7 4.7 0 0 0 1.24-2.87c.15-1.15.15-2.63.15-4.49zm-18.5-4c0-1.9 0-3.26.14-4.29.14-1 .39-1.58.81-2L2.64 2.63A4.7 4.7 0 0 0 1.4 5.51c-.15 1.15-.15 2.63-.15 4.49zm7.28-8.75c-1.87 0-3.36 0-4.51.15a4.7 4.7 0 0 0-2.88 1.24L3.7 3.7c.42-.42 1-.67 2.02-.81 1.03-.14 2.4-.14 4.31-.14z" fill="currentColor"></path><path opacity="1" d="M13 2.5V5c0 2.36 0 3.54.73 4.27S15.64 10 18 10h4" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="m7 14-1 1 1 1m4.5 0 1 1-1 1M10 14l-1.5 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>