# Card

<figure><img src="https://980199225-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaqIXcNNMMhbY6L81gztB%2Fuploads%2FBIBugyR12Xn9XZPKPzi3%2Fcard.png?alt=media&#x26;token=c47908ac-e2d0-47b9-901f-027c94610482" alt=""><figcaption></figcaption></figure>

```
<.card>
  <:icon>
    <svg
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      viewBox="0 0 24 24"
      stroke-width="1.5"
      stroke="currentColor"
      class="h-10 w-10 shrink-0 transform-cpu rounded-lg text-primary"
    >
      <path
        stroke-linecap="round"
        stroke-linejoin="round"
        d="m21 7.5-2.25-1.313M21 7.5v2.25m0-2.25-2.25 1.313M3 7.5l2.25-1.313M3 7.5l2.25 1.313M3 7.5v2.25m9 3 2.25-1.313M12 12.75l-2.25-1.313M12 12.75V15m0 6.75 2.25-1.313M12 21.75V19.5m0 2.25-2.25-1.313m0-16.875L12 2.25l2.25 1.313M21 14.25v2.25l-2.25 1.313m-13.5 0L3 16.5v-2.25"
      />
    </svg>
  </:icon>
  <:title>
    Built With Phoenix
  </:title>
  <:description>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae accusantium veniam facere eligendi
  </:description>
</.card>
```