Text Field icon in outline, twotone, bold and bulk. Free in all four styles, for editors, typography, links, translation. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconTextField } from "@devigner-ui/icons";
<IconTextField className="size-6" />
<script setup>
import { IconTextField } from "@devigner-ui/icons-vue";
</script>
<template>
<IconTextField class="size-6" />
</template>
<script>
import { IconTextField } from "@devigner-ui/icons-svelte";
</script>
<IconTextField class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M2 12c0-3.77 0-5.66 1.17-6.83S6.23 4 10 4h4c3.77 0 5.66 0 6.83 1.17S22 8.23 22 12s0 5.66-1.17 6.83S17.77 20 14 20h-4c-3.77 0-5.66 0-6.83-1.17S2 15.77 2 12" stroke="currentColor" stroke-width="1.5"></path><path d="M8.25 15.5a.75.75 0 0 0 1.5 0zm3.41-6.75.5-.56zm-.41 1.68a.75.75 0 0 0 1.5 0zm.5-1.6.56-.5zm-5.41-.08-.5-.56zm-1.09 1.68a.75.75 0 0 0 1.5 0zm1-1.6-.56-.5zM7 14.76a.75.75 0 0 0 0 1.5zm4 1.5a.75.75 0 0 0 0-1.5zm-3.07-7H9v-1.5H7.92zm1.07 0h1.07v-1.5H9zm.75 6.25v-7h-1.5v7zm.32-6.25c.46 0 .73 0 .93.03.17.02.18.05.17.03l1-1.12c-.3-.27-.66-.36-.99-.4q-.47-.05-1.1-.04zm2.68 1.18q.01-.64-.04-1.11a1.7 1.7 0 0 0-.4-.98l-1.12 1c-.02-.02.01-.01.03.16.03.2.03.47.03.93zM11.17 9.3l.02.02 1.12-1-.15-.14zM7.93 7.75q-.64-.01-1.11.04a1.7 1.7 0 0 0-.98.4l1 1.12c-.02.02-.01-.01.16-.03.2-.03.47-.03.92-.03zm-1.18 2.68c0-.46 0-.73.03-.93.02-.17.05-.18.03-.17l-1.12-1c-.27.3-.36.66-.4.99q-.05.47-.04 1.1zm-.91-2.24-.15.15 1.12 1 .02-.03zM7 16.25h4v-1.5H7z" fill="currentColor"></path></svg>