Mask Solid アイコン
sidekickicons:mask-solid
Mask Solid アイコン(sidekickicons:mask-solid)は、SidekickIcons セットの無料 SVG アイコンです（作者: Andri Soone）。 24 × 24 のグリッドで描かれています。 SidekickIcons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SidekickIcons
- 作者
- Andri Soone
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- masksolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.89 6.62q-.369.003-.73.019c-.962.04-1.873.123-2.66.123a.75.75 0 0 0-.744.664s-.097.828-.145 1.853c-.047 1.026-.066 2.228.16 3.17c.278 1.153.771 2.38 1.704 3.297c.804.792 1.862 1.22 2.877 1.426c1.399.283 3.011.358 4.45-.276c.539-.237.885-.631 1.198-.982c.313.35.66.745 1.197.982c1.44.634 3.052.56 4.451.276c1.015-.206 2.073-.634 2.877-1.426c.933-.918 1.426-2.144 1.704-3.297c.226-.942.207-2.144.16-3.17c-.048-1.025-.145-1.853-.145-1.853a.75.75 0 0 0-.744-.664c-1.573 0-3.645-.331-5.627.01c-.822.14-1.825.507-2.67.84c-.672.264-1.003.416-1.203.505c-.2-.089-.53-.241-1.203-.506c-.845-.332-1.848-.698-2.67-.84a12.4 12.4 0 0 0-2.236-.152m1.376 3.7c.37.001.762.05 1.162.149c.64.157 1.188.406 1.601.746c.207.17.385.364.504.615c.12.251.166.587.057.889c-.218.603-.783.817-1.324.91s-1.16.06-1.801-.098c-.64-.157-1.189-.406-1.602-.746a1.8 1.8 0 0 1-.504-.615a1.18 1.18 0 0 1-.056-.889c.218-.603.783-.817 1.324-.91q.305-.052.639-.05m9.293.022c.302-.007.592.015.86.07c.539.11 1.098.338 1.298.947c.1.305.045.64-.082.887s-.31.436-.522.6c-.423.328-.978.56-1.623.699c-.644.138-1.265.152-1.802.043c-.538-.11-1.097-.338-1.297-.947c-.1-.305-.045-.64.082-.887s.312-.436.523-.6c.423-.328.976-.56 1.621-.699q.486-.103.942-.113" color="currentColor"/></svg>Mask Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="sidekickicons:mask-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="sidekickicons:mask-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="sidekickicons:mask-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[sidekickicons--mask-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/sidekickicons -->
<div class="i-sidekickicons:mask-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="sidekickicons:mask-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/sidekickicons/mask-solid.svg" alt="Mask Solid アイコン" width="24" height="24">SidekickIcons の関連アイコン
他のアイコンセットの Mask Solid アイコン
Mask Solid アイコン のよくある質問
Mask Solid アイコンは商用利用でも無料ですか?
はい。SidekickIcons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mask Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="sidekickicons:mask-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mask Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/sidekickicons/mask-solid.svg" alt="Mask Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。