Masks Broken アイコン
solar:masks-broken
Masks Broken アイコン(solar:masks-broken)は、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
- タグ
- masksbroken、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 stroke-linecap="round" d="M16.5 17.221C17.5576 16.7652 18.614 16.0672 19.4315 15M7.38745 8.10846L8.08698 5.37926C8.52754 3.66038 8.74783 2.80094 9.32307 2.36888C9.51592 2.22403 9.73208 2.11656 9.96126 2.05159C10.6449 1.85777 11.4219 2.22163 12.9758 2.94934C14.1266 3.48822 14.7019 3.75765 15.3023 3.94822C15.511 4.01448 15.7218 4.07352 15.9342 4.12524C16.5453 4.27402 17.1725 4.34142 18.4267 4.47622C20.1206 4.65827 20.9675 4.74929 21.4668 5.27447C21.6342 5.45054 21.77 5.6566 21.8678 5.88284C22.1593 6.55769 21.939 7.41713 21.4984 9.13602L21.0207 11"/><path stroke-linecap="round" d="M2.46673 13C2.04961 11.3713 1.84853 10.5397 2.13226 9.88284C2.22999 9.6566 2.36579 9.45054 2.53319 9.27447C3.03253 8.74929 3.87945 8.65827 5.57328 8.47622C6.82756 8.34142 7.4547 8.27402 8.06578 8.12524C8.27824 8.07352 8.48901 8.01448 8.69774 7.94822C9.29811 7.75765 9.87347 7.48822 11.0242 6.94934C12.5782 6.22163 13.3551 5.85777 14.0388 6.05159C14.268 6.11656 14.4841 6.22403 14.677 6.36888C15.2522 6.80094 15.4725 7.66038 15.9131 9.37926L16.7582 12.6766C17.7517 16.5526 15.4742 19.335 13.7324 20.8219C13.201 21.2755 12.9353 21.5023 11.907 21.7903C10.8787 22.0784 10.5401 22.0208 9.86292 21.9058C7.75527 21.5476 4.67076 20.4302 3.51432 17"/><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="M10.4859 6.60602C10.8476 6.09978 11.5247 5.84908 12.1936 6.02832"/><path d="M12.1937 6.02816C12.5582 6.12583 12.861 6.33527 13.0708 6.60586"/><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 Broken アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:masks-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:masks-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:masks-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--masks-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:masks-broken"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:masks-broken"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/masks-broken.svg" alt="Masks Broken アイコン" width="24" height="24">Solar の関連アイコン
Masks Broken アイコン のよくある質問
Masks Broken アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Masks Broken アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:masks-broken" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Masks Broken アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/masks-broken.svg" alt="Masks Broken アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。