Save Off Duotone アイコン
keyline-icons:save-off-duotone
Save Off Duotone アイコン(keyline-icons:save-off-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- saveoff、offduotone、saveoffduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" fill-rule="evenodd" d="M14.8715 14.8715L20.8284 20.8284C20.0791 21.5797 19.0611 22.0014 18 22L6 22C3.7909 22 2 20.2091 2 18L2 6C1.9986 4.9389 2.4203 3.9209 3.1716 3.1716L11.1285 11.1285C9.8642 11.5125 8.9998 12.6783 8.9998 13.9996C8.9998 15.6568 10.3432 17.0002 12.0004 17.0002C13.3217 17.0002 14.4875 16.1358 14.8715 14.8715ZM7.9497 3.7071C7.7621 3.5196 7.6567 3.2652 7.6567 2.9999C7.6567 2.4475 8.1045 1.9998 8.6569 2L16.1716 2C16.9672 2 17.7303 2.3161 18.2929 2.8787L21.1213 5.7071C21.6839 6.2697 22 7.0328 22 7.8284L22 15.3431C22.0002 15.8955 21.5525 16.3433 21.0001 16.3433C20.7348 16.3433 20.4804 16.2379 20.2929 16.0503L7.9497 3.7071Z" clip-rule="evenodd" stroke="none"/><path d="M2 2L22 22"/></g></svg>Save Off Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:save-off-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:save-off-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:save-off-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--save-off-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:save-off-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:save-off-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/save-off-duotone.svg" alt="Save Off Duotone アイコン" width="24" height="24">Keyline Icons の関連アイコン
save
save-check
save-check-duotone
save-check-fill
save-check-sharp
save-check-sharp-duotone
save-check-sharp-fill
save-check-sharp-two-tone
save-check-two-tone
save-duotone
save-fill
save-minus
save-minus-duotone
save-minus-fill
save-minus-sharp
save-minus-sharp-duotone
save-minus-sharp-fill
save-minus-sharp-two-tone
save-minus-two-tone
save-off
save-off-fill
save-off-sharp
save-off-sharp-duotone
save-off-sharp-fill
Save Off Duotone アイコン のよくある質問
Save Off Duotone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Save Off Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:save-off-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Save Off Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/save-off-duotone.svg" alt="Save Off Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。