Text Field Focus 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 { IconTextFieldFocus } from "@devigner-ui/icons";
<IconTextFieldFocus className="size-6" />
<script setup>
import { IconTextFieldFocus } from "@devigner-ui/icons-vue";
</script>
<template>
<IconTextFieldFocus class="size-6" />
</template>
<script>
import { IconTextFieldFocus } from "@devigner-ui/icons-svelte";
</script>
<IconTextFieldFocus class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><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><path opacity="1" d="M12 4h-2C6.23 4 4.34 4 3.17 5.17S2 8.23 2 12s0 5.66 1.17 6.83S6.23 20 10 20h2m3-16c3.11.01 4.77.1 5.83 1.17C22 6.34 22 8.23 22 12s0 5.66-1.17 6.83C19.77 19.89 18.1 19.99 15 20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M15 2v20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>