White Hard Shell Floppy アイコン
emojione-v1:white-hard-shell-floppy
White Hard Shell Floppy アイコン(emojione-v1:white-hard-shell-floppy)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
- タグ
- whitehard、hardshell、shellfloppy、whitehardshellfloppy
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>
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 コンポーネント
<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>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/white-hard-shell-floppy.svg" alt="White Hard Shell Floppy アイコン" width="24" height="24">
White Hard Shell Floppy アイコン のよくある質問
White Hard Shell Floppy アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で White Hard Shell Floppy アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:white-hard-shell-floppy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
White Hard Shell Floppy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/white-hard-shell-floppy.svg" alt="White Hard Shell Floppy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
