Masks Linear アイコン
solar:masks-linear
Masks Linear アイコン(solar:masks-linear)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- UI
- タグ
- maskslinear、mask
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M16.7582 12.6766L15.9131 9.37926C15.4725 7.66038 15.2522 6.80094 14.677 6.36888C14.4841 6.22403 14.268 6.11656 14.0388 6.05159C13.3551 5.85777 12.5782 6.22163 11.0242 6.94934C9.87347 7.48822 9.29811 7.75765 8.69774 7.94822C8.48901 8.01448 8.27824 8.07352 8.06578 8.12524C7.4547 8.27402 6.82756 8.34142 5.57328 8.47622C3.87945 8.65827 3.03253 8.74929 2.53319 9.27447C2.36579 9.45054 2.22999 9.6566 2.13226 9.88284C1.84073 10.5577 2.06102 11.4171 2.50159 13.136L3.34673 16.4334C4.34019 20.3093 7.64328 21.5286 9.86292 21.9058C10.5401 22.0208 10.8787 22.0784 11.907 21.7903C12.9353 21.5023 13.201 21.2755 13.7324 20.8219C15.4742 19.335 17.7517 16.5526 16.7582 12.6766Z"/><path d="M16.4998 17.221C18.2409 16.4706 19.9788 15.0638 20.6531 12.4334L21.4982 9.13602C21.9388 7.41713 22.1591 6.55769 21.8675 5.88284C21.7698 5.6566 21.634 5.45054 21.4666 5.27447C20.9673 4.74929 20.1203 4.65827 18.4265 4.47622C17.1722 4.34142 16.5451 4.27402 15.934 4.12524C15.7215 4.07352 15.5108 4.01448 15.302 3.94822C14.7017 3.75765 14.1263 3.48822 12.9756 2.94934C11.4216 2.22163 10.6446 1.85777 9.96101 2.05159C9.73183 2.11656 9.51567 2.22403 9.32283 2.36888C8.74759 2.80094 8.5273 3.66038 8.08673 5.37926L7.38721 8.10846"/><path stroke-linecap="round" d="M5.25882 13.2955C5.31893 12.6763 5.77997 12.1206 6.44889 11.9414C7.11781 11.7621 7.79491 12.0128 8.1566 12.5191"/><path stroke-linecap="round" d="M19.1797 8.93565C19.1195 8.3164 18.6585 7.76073 17.9896 7.5815C17.3207 7.40226 16.6436 7.65296 16.2819 8.1592"/><path stroke-linecap="round" d="M11.0547 11.7423C11.1148 11.123 11.5759 10.5674 12.2448 10.3881C12.9137 10.2089 13.5908 10.4596 13.9525 10.9658"/><path stroke-linecap="round" d="M12.6518 6.22758C12.5139 6.14101 12.3601 6.07298 12.1935 6.02832C11.5246 5.84909 10.8475 6.09979 10.4858 6.60602"/><path stroke-linecap="round" d="M13.2007 16.231C13.2007 16.231 12.1758 15.4703 10.3884 15.9492C8.60094 16.4282 8.09372 17.5994 8.09372 17.5994"/></g></svg>Masks Linear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:masks-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:masks-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:masks-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--masks-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:masks-linear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:masks-linear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/masks-linear.svg" alt="Masks Linear アイコン" width="24" height="24">Solar の関連アイコン
Masks Linear アイコン のよくある質問
Masks Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Masks Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:masks-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Masks Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/masks-linear.svg" alt="Masks Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。