Saveas アイコン
fad:saveas
Saveas アイコン(fad:saveas)は、FontAudio セットの無料 SVG アイコンです（作者: @fefanto）。 256 × 256 のグリッドで描かれています。 FontAudio icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor" fill-rule="evenodd"><path d="M93.598 47.311c8.113 0 77.093-.284 77.093-.284c2.206-.009 5.48.779 7.306 1.76c0 0-1.457-1.508 0 0c1.306 1.352 28.798 29.707 29.336 30.28c.539.571 0 0 0 0c.817 1.577 1.44 5.043 1.44 7.253v76.614c0 5.731-6.862 13.448-13.418 13.448h-8.596v25.038c0 4.737-1.55 8.014-8.762 8.014H57.102c-7.796 0-10.13-3.07-10.13-8.666V82.318c0-7.65 5.155-12.205 9.15-12.205h23.726s.043-8.475.043-9.642c0-6.908 5.595-13.16 13.707-13.16M77.704 84.577H67.88a3.99 3.99 0 0 0-3.993 3.996v99.795a3.957 3.957 0 0 0 3.996 3.969l103.782-.727v-15.182s-79.998.36-85.653.36s-5.655-6.424-5.655-6.424l-.633-83.793a2.026 2.026 0 0 0-2.019-1.994zm17.463-19.472v92.24a4.006 4.006 0 0 0 4 4.008l90.162.105a3.987 3.987 0 0 0 3.993-4l-.113-69.98c-.002-1.1-.62-2.641-1.38-3.44L171.58 62.755s-.379.448-.379 1.554v26.053c0 2.702-4.752 7.397-8.15 7.397h-48.898c-3.725 0-7.74-3.815-7.74-7.397V64.941a1.966 1.966 0 0 0-1.998-1.964l-7.252.095a2.04 2.04 0 0 0-1.997 2.033zm23.289-2.61v21.743c0 1.112.9 1.998 2.01 1.998h35.408c1.112 0 2.01-.894 2.01-1.998V62.494c0-1.112-.9-1.998-2.01-1.998h-35.409a2.003 2.003 0 0 0-2.009 1.998z"/><path d="M144.073 105.18c13.095.206 25.771 11.676 25.771 25.676s-11.831 25.72-25.11 25.511c-13.278-.21-26.496-11.948-26.496-25.527s12.739-25.867 25.835-25.66m-13.082 25.337c0 7.831 6.222 13.663 13.13 13.631c6.909-.031 12.767-5.768 12.801-13.507s-6.24-13.231-12.94-13.231s-12.99 5.276-12.99 13.107z"/></g></svg>Saveas アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fad:saveas" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:saveas" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:saveas" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--saveas]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:saveas"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:saveas"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fad/saveas.svg" alt="Saveas アイコン" width="24" height="24">Saveas アイコン のよくある質問
Saveas アイコンは商用利用でも無料ですか?
はい。FontAudio icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Saveas アイコンを使うには?
@iconify/react をインストールして <Icon icon="fad:saveas" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Saveas アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fad/saveas.svg" alt="Saveas アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。