ICONYZ
日本語
File Icons の Sas アイコン

Sas アイコン

file-icons:sas

Sas アイコン(file-icons:sas)は、File Icons セットの無料 SVG アイコンです(作者: John Gardner)。 342 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
File Icons
作者
John Gardner
ライセンス
ISC
サイズ
342 × 512
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="342" height="512" viewBox="0 0 342 512"><path fill="currentColor" d="M295.193 244.97c105.562 128.085 9.026 239.158-77.363 260.736c-99.606 24.906-189.727-26.897-216.58-106.152c34.639 56.465 135.228 68.71 190.01 34.316c62.182-39.035 82.696-107.621 36.84-163.258c0 0-67.76-81.537-67.775-81.552c-11.901-14.408-7.663-34.102 6.775-45.995c14.346-11.818 33.794-11.88 45.734 2.328zm-181.875-3.57c-45.841-55.637-25.31-124.237 36.854-163.29c54.777-34.392 155.373-22.146 190.01 34.346C313.316 33.172 223.22-18.601 123.603 6.289C37.207 27.87-59.334 138.895 46.243 267.025l80.747 98.014c11.94 14.208 31.374 14.117 45.736 2.284c14.423-11.878 18.675-31.557 6.775-46.01c-.032-.016-66.182-79.913-66.182-79.913"/></svg>

Sas アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:sas" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:sas" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:sas" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--sas]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:sas"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:sas"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/file-icons/sas.svg" alt="Sas アイコン" width="24" height="24">

他のアイコンセットの Sas アイコン

Sas アイコン のよくある質問

Sas アイコンは商用利用でも無料ですか?

はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Sas アイコンを使うには?

@iconify/react をインストールして <Icon icon="file-icons:sas" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Sas アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/sas.svg" alt="Sas アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

File Icons をすべて見る →