Information icon in outline, twotone, bold and bulk. Free in all four styles, for buttons, forms, toolbars, menus, states. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconInformation } from "@devigner-ui/icons";
<IconInformation className="size-6" />
<script setup>
import { IconInformation } from "@devigner-ui/icons-vue";
</script>
<template>
<IconInformation class="size-6" />
</template>
<script>
import { IconInformation } from "@devigner-ui/icons-svelte";
</script>
<IconInformation class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M10.75 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.17a1.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.93H7.9c.4 0 .96-.21 1.26-.46z"></path><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" opacity="1"><path stroke-width="1.5" d="M12 8.13v4.83"></path><path stroke-width="1.7999999999999998" d="M12 16"></path></g></svg>