Smiley Mask Solid アイコン

Q: Smiley Mask Solid アイコンは商用利用でも無料ですか?

はい。Streamline icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline:smiley-mask-solid

Smiley Mask Solid アイコン(streamline:smiley-mask-solid)は、Streamline セットの無料 SVG アイコンです。 14 × 14 のグリッドで描かれています。 Streamline icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 14 × 14
カテゴリ: メール
タグ: smileymask、masksolid、smileymasksolid

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M.055 6.116a7.001 7.001 0 0 1 13.89 0c-.39.229-1.214.618-2.325.977c-1.312.424-2.954.782-4.62.782s-3.308-.358-4.62-.782C1.269 6.734.444 6.345.055 6.116m-.037 1.39a7 7 0 0 0 13.964 0c-.521.25-1.202.526-1.977.776c-.464.15-.97.293-1.505.418v2.543A5.48 5.48 0 0 1 7 12.5c-1.33 0-2.55-.472-3.5-1.257V8.7a19 19 0 0 1-1.505-.418a16 16 0 0 1-1.977-.776m9.12-2.962q-.068-.009-.071-.007a.625.625 0 0 1-.061-1.248c.189-.01.413.026.617.08c.213.057.455.146.68.276c.224.13.422.294.578.45c.148.15.292.326.378.495a.625.625 0 1 1-1.112.571a1.4 1.4 0 0 0-.153-.185a1.6 1.6 0 0 0-.316-.249a1.6 1.6 0 0 0-.54-.183M4.376 3.37c.204-.054.428-.09.618-.08a.625.625 0 1 1-.062 1.248q-.003-.002-.07.006a1.6 1.6 0 0 0-.54.184a1.6 1.6 0 0 0-.47.433a.625.625 0 0 1-1.112-.57c.086-.17.23-.345.378-.495a2.8 2.8 0 0 1 .579-.45c.224-.13.466-.22.679-.276" clip-rule="evenodd"/></svg>

Smiley Mask Solid アイコンの使い方

React

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

<Icon icon="streamline:smiley-mask-solid" width="24" />

Vue

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

<template>
  <Icon icon="streamline:smiley-mask-solid" width="24" />
</template>

Svelte

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

<Icon icon="streamline:smiley-mask-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline--smiley-mask-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline -->
<div class="i-streamline:smiley-mask-solid"></div>

Web コンポーネント

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

<iconify-icon icon="streamline:smiley-mask-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline/smiley-mask-solid.svg" alt="Smiley Mask Solid アイコン" width="24" height="24">

Streamline の関連アイコン

Smiley Mask Solid アイコンのよくある質問

Smiley Mask Solid アイコンは商用利用でも無料ですか?

はい。Streamline icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Smiley Mask Solid アイコンを使うには?

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

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

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

Streamline アイコンをすべて見る →