Free Auto Brightness SVG icon in outline, twotone, bold and bulk. Available in all four styles, for buttons, forms, toolbars, menus, states. Copy the SVG or a tree-shakeable React component, or download a PNG.
import { IconAutoBrightness } from "@devigner-ui/icons";
<IconAutoBrightness className="size-6" />
<script setup>
import { IconAutoBrightness } from "@devigner-ui/icons-vue";
</script>
<template>
<IconAutoBrightness class="size-6" />
</template>
<script>
import { IconAutoBrightness } from "@devigner-ui/icons-svelte";
</script>
<IconAutoBrightness class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.42 2.45a2 2 0 0 1 2.51 0l1.58 1.35c.3.25.87.46 1.27.46h1.7c1.06 0 1.93.87 1.93 1.93v1.7c0 .4.21.96.46 1.26l1.35 1.58a2 2 0 0 1 0 2.51l-1.35 1.58c-.25.3-.46.86-.46 1.26v1.7c0 1.06-.87 1.93-1.93 1.93h-1.7c-.4 0-.96.21-1.26.46l-1.58 1.35a2 2 0 0 1-2.51 0l-1.58-1.35a2.3 2.3 0 0 0-1.26-.46H6.84a1.94 1.94 0 0 1-1.93-1.93v-1.71c0-.39-.2-.96-.45-1.25l-1.35-1.59a2 2 0 0 1 0-2.5l1.35-1.59c.25-.3.45-.86.45-1.25V6.2c0-1.06.87-1.93 1.93-1.93h1.73c.4 0 .96-.21 1.26-.46z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><g opacity="1"><path d="m9.17 15.94 3.5-7.88 3.5 7.88" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"></path><path d="M14.42 13.31h-3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>