ICONYZ
日本語
Material Icon Theme の Sas アイコン

Sas アイコン

material-icon-theme:sas

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

アイコンセット
Material Icon Theme
作者
Material Extensions
ライセンス
MIT
サイズ
6 × 6
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6"><path fill="#039be5" d="M3.16.546a1.9 1.9 0 0 0-.667.13c-.378.157-.678.4-.846.74c-.255.452-.296 1.032.04 1.536c.31.474.72.908 1.148 1.407c.382.139.572-.272.515-.42c-.276-.35-.57-.695-.804-1.06a1.1 1.1 0 0 1-.07-.906c.075-.198.503-.84 1.372-.836c.345.04.658.059 1.086.53a1.6 1.6 0 0 0-.536-.753A2.05 2.05 0 0 0 3.159.546zm.245 1.4c-.277.002-.406.227-.348.437c.253.365.578.748.869 1.122c.316.609.092 1.077-.512 1.472c-.82.458-1.576.116-2.026-.298c.234.489.423.636.471.679c.31.27.81.527 1.62.423c.456-.102 1.06-.256 1.396-1.097c.093-.265.125-.54.03-.843c-.09-.338-.274-.58-.466-.829c-.3-.351-.77-.979-.906-1.053a.6.6 0 0 0-.128-.013"/></svg>

Sas アイコンの使い方

React

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

<Icon icon="material-icon-theme:sas" width="24" />

Vue

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

<template>
  <Icon icon="material-icon-theme:sas" width="24" />
</template>

Svelte

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

<Icon icon="material-icon-theme:sas" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="material-icon-theme:sas"></iconify-icon>

HTML 画像

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

Material Icon Theme の関連アイコン

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

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

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

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

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

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

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

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

Material Icon Theme アイコン をすべて見る →