Round Save As アイコン
ic:round-save-as
Round Save As アイコン(ic:round-save-as)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Google Material Icons
- 作者
- Material Design Authors
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- コンテンツ
- タグ
- compose、create、data、disk、document、draft、drive、edit、editing、file、floppy、input、multimedia、pen、pencil、save
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m20.41 6.41l-2.83-2.83c-.37-.37-.88-.58-1.41-.58H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h7.4l8.6-8.6V7.83c0-.53-.21-1.04-.59-1.42M12 18c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3m3-9c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1h7c.55 0 1 .45 1 1zm4.99 7.25l1.77 1.77l-4.84 4.84c-.1.09-.23.14-.36.14H15.5c-.28 0-.5-.22-.5-.5v-1.06c0-.13.05-.26.15-.35zm3.26.26l-.85.85l-1.77-1.77l.85-.85c.2-.2.51-.2.71 0l1.06 1.06c.2.2.2.52 0 .71"/></svg>
Round Save As アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ic:round-save-as" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ic:round-save-as" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ic:round-save-as" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--round-save-as]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:round-save-as"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ic:round-save-as"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ic/round-save-as.svg" alt="Round Save As アイコン" width="24" height="24">
Google Material Icons の関連アイコン
Round Save As アイコン のよくある質問
Round Save As アイコンは商用利用でも無料ですか?
はい。Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Round Save As アイコンを使うには?
@iconify/react をインストールして <Icon icon="ic:round-save-as" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Round Save As アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ic/round-save-as.svg" alt="Round Save As アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Google Material Icons をすべて見る →
ICONYZ
