ICONYZ
Français
Icône White Hard Shell Floppy de Emoji One (v1)

Icône White Hard Shell Floppy

emojione-v1:white-hard-shell-floppy

L'icône White Hard Shell Floppy (emojione-v1:white-hard-shell-floppy) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Emoji One (v1)
Auteur
Emoji One
Licence
CC-BY-SA-4.0
Taille
64 × 64
Catégorie
Objets
Mots-clés
whitehard, hardshell, shellfloppy, whitehardshellfloppy
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#d1d3d4" d="M1.032 63.01h62.029a.95.95 0 0 0 .938-.938V1.732a.95.95 0 0 0-.938-.94H1.023a.87.87 0 0 0-.635.25c-.014.01-.018.017-.025.024a.1.1 0 0 0-.024.027a.86.86 0 0 0-.249.637v60.339c0 .509.426.939.933.939"/><path fill="#e6e7e8" d="M3.33 37.738h57.645c.471 0 .866-.253.866-.555V1.353c0-.3-.396-.555-.866-.555H3.325c-.257 0-.453.064-.595.153q-.014.006-.014.014q-.018.006-.031.013c-.138.089-.233.215-.233.376v35.83c0 .301.401.554.873.554M3.33 60.56h57.645c.471 0 .866-.146.866-.322V39.417c0-.178-.396-.322-.866-.322H3.325a1.9 1.9 0 0 0-.609.091q-.018.01-.031.011c-.138.05-.233.125-.233.221v20.821c0 .174.401.321.873.321"/><path fill="#f1f2f2" d="M13 63.01h38.096c.315 0 .578-.156.578-.338V40.886c0-.184-.263-.338-.578-.338H13a.73.73 0 0 0-.392.092s-.013.004-.018.009c0 0-.009.004-.013.011c-.093.051-.156.129-.156.227v21.786c.001.181.263.337.579.337"/><path fill="#d1d3d4" d="M19.674 59.679h10.678c.088 0 .165-.107.165-.237V44.113c0-.126-.076-.237-.165-.237H19.674c-.049 0-.085.024-.116.064v.005l-.004.009a.26.26 0 0 0-.049.159v15.329c0 .129.08.237.169.237"/><path fill="#f1f2f2" d="M8.516 31.902h47.069c.391 0 .71-.211.71-.469V1.263c0-.257-.319-.471-.71-.471H8.516a.9.9 0 0 0-.484.129l-.019.008q-.007.01-.022.016a.37.37 0 0 0-.186.317v30.171c0 .257.319.469.711.469"/><path fill="#57c6e9" d="M8.516 31.826h47.069c.391 0 .71-.034.71-.075v-4.88c0-.044-.319-.077-.71-.077H8.516q-.315 0-.484.02s-.014 0-.018.005c0 0-.013 0-.022.002c-.115.009-.186.027-.186.051v4.88c-.001.04.318.074.71.074"/><path fill="#9d9ea4" d="M8.516 16.349h47.069c.391 0 .71-.009.71-.02V15.08s-.319-.018-.71-.018H8.516q-.315-.001-.484.004s-.014 0-.018.002h-.022c-.115 0-.186.005-.186.005v1.255c-.001.012.318.021.71.021m0-7.775h47.069c.391 0 .715-.009.715-.02V7.305c0-.01-.324-.017-.715-.017H8.516q-.315 0-.484.004s-.009 0-.018.003h-.018a1 1 0 0 0-.191.01v1.249c0 .011.319.02.711.02"/></svg>

Comment utiliser l'icône White Hard Shell Floppy

React

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

<Icon icon="emojione-v1:white-hard-shell-floppy" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:white-hard-shell-floppy" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:white-hard-shell-floppy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--white-hard-shell-floppy]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:white-hard-shell-floppy"></div>

Web component

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

<iconify-icon icon="emojione-v1:white-hard-shell-floppy"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/white-hard-shell-floppy.svg" alt="Icône White Hard Shell Floppy" width="24" height="24">

Icônes similaires dans Emoji One (v1)

FAQ : Icône White Hard Shell Floppy

L'icône White Hard Shell Floppy est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône White Hard Shell Floppy dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-v1:white-hard-shell-floppy" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône White Hard Shell Floppy à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-v1/white-hard-shell-floppy.svg" alt="Icône White Hard Shell Floppy">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (v1) →