Save アイコン
openmoji:save
Save アイコン(openmoji:save)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- OpenMoji 追加分
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="M58.231 54.809H14.125c-.892 0-1.622-.73-1.622-1.623V43.181c0-.893.73-1.623 1.622-1.623h44.106c.893 0 1.623.73 1.623 1.623v10.005c0 .893-.73 1.623-1.623 1.623"/><circle cx="19.017" cy="48.289" r="1.934" fill="#92d3f5"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M36.085 17.147v18.87m6.155-6.122l-6.14 6.14m-6.19-6.14l6.14 6.14m20.846 18.943h-41.82c-1.65 0-3-1.35-3-3v-7.576c0-1.65 1.35-3 3-3h41.82c1.65 0 3 1.35 3 3v7.576c0 1.65-1.35 3-3 3"/><circle cx="19.017" cy="48.289" r="2"/></g></svg>Save アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:save" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:save" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:save" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--save]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:save"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:save"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/save.svg" alt="Save アイコン" width="24" height="24">他のアイコンセットの Save アイコン
Save アイコン のよくある質問
Save アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Save アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:save" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Save アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/save.svg" alt="Save アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。