Widget Add 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 { IconWidgetAdd } from "@devigner-ui/icons";
<IconWidgetAdd className="size-6" />
<script setup>
import { IconWidgetAdd } from "@devigner-ui/icons-vue";
</script>
<template>
<IconWidgetAdd class="size-6" />
</template>
<script>
import { IconWidgetAdd } from "@devigner-ui/icons-svelte";
</script>
<IconWidgetAdd class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 6.5h3m0 0h3m-3 0v3m0-3v-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M2.5 6.5c0-1.89 0-2.83.59-3.41.58-.59 1.52-.59 3.41-.59s2.83 0 3.41.59c.59.58.59 1.52.59 3.41s0 2.83-.59 3.41c-.58.6-1.52.6-3.41.6s-2.83 0-3.41-.6C2.5 9.33 2.5 8.4 2.5 6.5" stroke="currentColor" stroke-width="1.5"></path><path d="M13.5 17.5c0-1.89 0-2.83.59-3.41.58-.59 1.52-.59 3.41-.59s2.83 0 3.41.59c.59.58.59 1.52.59 3.41s0 2.83-.59 3.41c-.58.59-1.52.59-3.41.59s-2.83 0-3.41-.59c-.59-.58-.59-1.52-.59-3.41" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M2.5 17.5c0-1.89 0-2.83.59-3.41.58-.59 1.52-.59 3.41-.59s2.83 0 3.41.59c.59.58.59 1.52.59 3.41s0 2.83-.59 3.41c-.58.59-1.52.59-3.41.59s-2.83 0-3.41-.59c-.59-.58-.59-1.52-.59-3.41" stroke="currentColor" stroke-width="1.5"></path></svg>