Icons

import { Icon } from "@pictum/react";

<Icon name="devicon:react" aria-label="React" className="size-6" />

<script setup lang="ts">
import { Icon } from "@pictum/vue";
</script>

<template>
  <Icon name="devicon:vuejs" aria-label="Vue" class="size-6" />
</template>

<x-icon name="devicon:laravel" aria-label="Laravel" class="size-6" />

<script type="module">
  import { definePictumElements } from "@pictum/web";

  definePictumElements();
</script>

<pictum-icon name="devicon:html5" alt="HTML5" class="size-6"></pictum-icon>

import { icon } from "@pictum/react";

// Generate the URL without making a request.
const url = icon("devicon:react").url;

// Fetch canonical SVG markup.
const svg = await icon("devicon:react").svg();

// Generate the URL without making a request.
$url = Pictum\icon('devicon:php')->url();

// Fetch canonical SVG markup.
$svg = Pictum\icon('devicon:php')->svg();