ICONYZ
Français
Icône Plate Outline de Solar

Icône Plate Outline

solar:plate-outline

L'icône Plate Outline (solar:plate-outline) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Solar
Auteur
480 Design
Licence
CC-BY-4.0
Taille
24 × 24
Catégorie
Interface
Mots-clés
plateoutline
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.75 3C12.75 2.58579 12.4142 2.25 12 2.25C11.5858 2.25 11.25 2.58579 11.25 3V5C11.25 5.41421 11.5858 5.75 12 5.75C12.4142 5.75 12.75 5.41421 12.75 5V3Z"/><path d="M9.0022 4.75093C9.41641 4.74972 9.75121 4.41295 9.75 3.99874C9.74879 3.58452 9.41202 3.24972 8.99781 3.25093C7.45069 3.25546 6.1973 3.28086 5.19112 3.45158C4.16313 3.626 3.31932 3.96316 2.64124 4.64124C1.89288 5.38961 1.56076 6.33856 1.40314 7.51098C1.24997 8.65019 1.24998 10.1058 1.25 11.9436V12.0564C1.24998 13.8942 1.24997 15.3498 1.40314 16.489C1.56076 17.6614 1.89288 18.6104 2.64124 19.3588C3.38961 20.1071 4.33856 20.4392 5.51098 20.5969C6.65017 20.75 8.10577 20.75 9.94348 20.75H14.0565C15.8942 20.75 17.3498 20.75 18.489 20.5969C19.6614 20.4392 20.6104 20.1071 21.3588 19.3588C22.1071 18.6104 22.4392 17.6614 22.5969 16.489C22.75 15.3498 22.75 13.8942 22.75 12.0565V11.9436C22.75 10.1059 22.75 8.65018 22.5969 7.51098C22.4392 6.33856 22.1071 5.38961 21.3588 4.64124C20.6807 3.96316 19.8369 3.626 18.8089 3.45158C17.8027 3.28086 16.5493 3.25546 15.0022 3.25093C14.588 3.24972 14.2512 3.58452 14.25 3.99874C14.2488 4.41295 14.5836 4.74972 14.9978 4.75093C16.565 4.75551 17.6943 4.7839 18.558 4.93044C19.3998 5.07329 19.9131 5.31689 20.2981 5.7019C20.7213 6.12511 20.975 6.70476 21.1102 7.71085C21.2484 8.73851 21.25 10.0932 21.25 12C21.25 13.9068 21.2484 15.2615 21.1102 16.2892C20.975 17.2952 20.7213 17.8749 20.2981 18.2981C19.8749 18.7213 19.2952 18.975 18.2892 19.1102C17.2615 19.2484 15.9068 19.25 14 19.25H10C8.09318 19.25 6.73851 19.2484 5.71085 19.1102C4.70476 18.975 4.12511 18.7213 3.7019 18.2981C3.27869 17.8749 3.02502 17.2952 2.88976 16.2892C2.75159 15.2615 2.75 13.9068 2.75 12C2.75 10.0932 2.75159 8.73851 2.88976 7.71085C3.02502 6.70476 3.27869 6.12511 3.7019 5.7019C4.08692 5.31689 4.60017 5.07329 5.44205 4.93044C6.30574 4.7839 7.435 4.75551 9.0022 4.75093Z"/><path d="M7.25 10.5C7.25 10.0858 7.58579 9.75 8 9.75H16C16.4142 9.75 16.75 10.0858 16.75 10.5C16.75 10.9142 16.4142 11.25 16 11.25H8C7.58579 11.25 7.25 10.9142 7.25 10.5Z"/><path d="M8 13.25C7.58579 13.25 7.25 13.5858 7.25 14C7.25 14.4142 7.58579 14.75 8 14.75H13.5C13.9142 14.75 14.25 14.4142 14.25 14C14.25 13.5858 13.9142 13.25 13.5 13.25H8Z"/></g></svg>

Comment utiliser l'icône Plate Outline

React

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

<Icon icon="solar:plate-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:plate-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:plate-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--plate-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:plate-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:plate-outline"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/plate-outline.svg" alt="Icône Plate Outline" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Plate Outline

L'icône Plate Outline est-elle gratuite pour un usage commercial ?

Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Plate Outline dans React ?

Installez @iconify/react et affichez <Icon icon="solar:plate-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Plate Outline à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/plate-outline.svg" alt="Icône Plate Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →