Appointments Solid icon
teenyicons:appointments-solid
The Appointments Solid icon (teenyicons:appointments-solid) is a free SVG icon from the Teenyicons set by smhmd. It is drawn on a 15 × 15 grid. Teenyicons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Teenyicons
- Author
- smhmd
- License
- MIT
- Size
- 15 × 15
- Tags
- appointmentssolid, appointment
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M12 2h1.5A1.5 1.5 0 0 1 15 3.5v10a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 0 13.5v-10A1.5 1.5 0 0 1 1.5 2H3V0h1v2h7V0h1zM6 8H3V7h3zm6-1H9v1h3zm-6 4H3v-1h3zm3 0h3v-1H9z" clip-rule="evenodd"/></svg>How to use the Appointments Solid icon
React
import { Icon } from "@iconify/react";
<Icon icon="teenyicons:appointments-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="teenyicons:appointments-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="teenyicons:appointments-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[teenyicons--appointments-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/teenyicons -->
<div class="i-teenyicons:appointments-solid"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="teenyicons:appointments-solid"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/teenyicons/appointments-solid.svg" alt="Appointments Solid icon" width="24" height="24">Related icons in Teenyicons
Appointments Solid icon FAQ
Is the Appointments Solid icon free for commercial use?
Yes. Teenyicons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Appointments Solid icon in React?
Install @iconify/react and render <Icon icon="teenyicons:appointments-solid" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Appointments Solid icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/teenyicons/appointments-solid.svg" alt="Appointments Solid icon">, or paste the SVG code inline to style it with CSS.