Save 12 アイコン
qlementine-icons:save-12
Save 12 アイコン(qlementine-icons:save-12)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 12 × 12 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 12 × 12
- カテゴリ
- アクション
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="currentColor" fill-rule="evenodd" d="M9.1 0c.412 0 .751 0 1.03.023c.281.023.54.071.782.195c.376.192.682.498.874.874c.124.243.172.5.195.782c.022.275.022.615.022 1.03v6.2c0 .412 0 .75-.022 1.03c-.023.28-.072.54-.195.782a2 2 0 0 1-.874.874c-.243.124-.501.172-.782.195c-.275.022-.615.022-1.03.022H3.49c-.343 0-.596.003-.84-.056a2 2 0 0 1-.578-.239c-.213-.13-.39-.312-.633-.555l-.594-.594c-.243-.242-.424-.419-.555-.633a2 2 0 0 1-.239-.578c-.059-.244-.056-.497-.056-.84v-5.61c0-.412 0-.75.023-1.03s.071-.54.195-.782a2 2 0 0 1 .874-.874c.243-.124.5-.172.782-.195C2.144 0 2.484 0 2.899 0zm.9 3.9c0 .272 0 .506-.016.697a1.5 1.5 0 0 1-.147.583a1.5 1.5 0 0 1-.656.656a1.5 1.5 0 0 1-.583.147c-.192.016-.426.016-.697.016h-3.8c-.272 0-.506 0-.697-.016a1.5 1.5 0 0 1-.583-.147a1.5 1.5 0 0 1-.656-.656a1.5 1.5 0 0 1-.147-.583c-.015-.192-.015-.426-.015-.697V1.02l-.045.002c-.22.018-.331.051-.41.09a1 1 0 0 0-.436.438c-.04.078-.073.19-.09.409a13 13 0 0 0-.02.945v5.61c0 .39.003.505.028.606q.037.154.12.289c.054.089.133.172.409.448l.594.594c.276.276.359.354.448.409q.135.083.289.12a1 1 0 0 0 .112.016v-1.69c0-.132 0-.26.009-.369a1 1 0 0 1 .1-.385c.096-.188.25-.34.438-.437c.136-.069.27-.09.385-.1c.108-.01.237-.01.369-.01h3.4c.132 0 .26 0 .369.01c.114.009.249.03.385.1c.188.096.34.25.437.437c.069.136.09.271.1.385c.01.108.01.237.01.37v1.7h.1c.427 0 .72 0 .944-.02c.22-.017.331-.05.41-.09a1 1 0 0 0 .435-.436c.04-.078.073-.19.091-.409c.018-.225.018-.517.018-.945v-6.2c0-.428 0-.72-.018-.945c-.018-.219-.051-.331-.09-.409a1 1 0 0 0-.437-.437c-.078-.04-.19-.073-.409-.09l-.045-.003v2.88zM4.01 9h-.008v.008a4 4 0 0 0-.005.287v1.7h3v-2h-2.7c-.148 0-.229 0-.287.005M3 3.9c0 .288 0 .474.012.615a.5.5 0 0 0 .043.211a.5.5 0 0 0 .219.219a.6.6 0 0 0 .21.043C3.628 5 3.814 5 4.1 5h3.8c.288 0 .474 0 .615-.012a.6.6 0 0 0 .21-.043a.5.5 0 0 0 .22-.219a.6.6 0 0 0 .043-.211c.011-.142.011-.328.011-.615V1H3z" clip-rule="evenodd"/></svg>Save 12 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:save-12" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:save-12" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:save-12" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--save-12]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:save-12"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:save-12"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/save-12.svg" alt="Save 12 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
Save 12 アイコン のよくある質問
Save 12 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Save 12 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:save-12" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Save 12 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/save-12.svg" alt="Save 12 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。