ToyBrick

import { ToyBrick } from "vadivam-react";

<ToyBrick />

import { ToyBrick } from "vadivam-react-native";

<ToyBrick />

<script setup>
import { ToyBrick } from "vadivam-vue";
</script>

<template>
  <ToyBrick />
</template>

<script>
  import { ToyBrick } from "vadivam-svelte";
</script>

<ToyBrick />

import { ToyBrick } from "vadivam-solid";

<ToyBrick />

import { ToyBrick } from "vadivam-preact";

<ToyBrick />

---
import { ToyBrick } from "vadivam-astro";
---

<ToyBrick />

import { ToyBrick } from "vadivam-angular";

<svg vadivamToyBrick></svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 8V6.4c0-.841 0-1.261.164-1.581a1.5 1.5 0 0 1 .655-.656C6.14 4 6.56 4 7.4 4h.2c.841 0 1.261 0 1.581.164a1.5 1.5 0 0 1 .655.655C10 5.14 10 5.56 10 6.4V8H8c-2.1 0-3.15 0-3.952.409a3.75 3.75 0 0 0-1.64 1.638C2 10.85 2 11.9 2 14s0 3.15.409 3.953a3.75 3.75 0 0 0 1.639 1.638C4.85 20 5.9 20 8 20h8c2.1 0 3.15 0 3.953-.409a3.75 3.75 0 0 0 1.638-1.639C22 17.15 22 16.1 22 14s0-3.15-.409-3.953a3.75 3.75 0 0 0-1.639-1.638C19.15 8 18.1 8 16 8h-6m4 0V6.4c0-.84 0-1.26.164-1.581a1.5 1.5 0 0 1 .655-.655C15.139 4 15.559 4 16.4 4h.2c.84 0 1.26 0 1.581.163a1.5 1.5 0 0 1 .656.656c.163.32.163.74.163 1.581V8"/>
</svg>

import iconUrl from "vadivam/icons/toy-brick.svg";

<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.63/dist/icons/toy-brick.svg" width="24" height="24" alt="" />