Preliminary icon
material-symbols:preliminary
The Preliminary icon (material-symbols:preliminary) is a free SVG icon from the Material Symbols set by Google. It is drawn on a 24 × 24 grid. Material Symbols icons are released under the Apache 2.0 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
- Material Symbols
- Author
- License
- Apache-2.0
- Size
- 24 × 24
- Category
- UI Actions
- Tags
- preliminary sharp
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.713 16.713Q10 16.425 10 16t-.288-.712T9 15t-.712.288T8 16t.288.713T9 17t.713-.288m3 0Q13 16.426 13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17t.713-.288m3 0Q16 16.426 16 16t-.288-.712T15 15t-.712.288T14 16t.288.713T15 17t.713-.288M10.95 14l5.625-5.65l-1.4-1.425l-4.25 4.25L8.8 9.05l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"/></svg>How to use the Preliminary icon
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:preliminary" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:preliminary" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:preliminary" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--preliminary]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:preliminary"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:preliminary"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/material-symbols/preliminary.svg" alt="Preliminary icon" width="24" height="24">Related icons in Material Symbols
Preliminary icon in other icon sets
Preliminary icon FAQ
Is the Preliminary icon free for commercial use?
Yes. Material Symbols icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Preliminary icon in React?
Install @iconify/react and render <Icon icon="material-symbols:preliminary" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Preliminary icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-symbols/preliminary.svg" alt="Preliminary icon">, or paste the SVG code inline to style it with CSS.