Wand Stars Inverse アイコン
f7:wand-stars-inverse
Wand Stars Inverse アイコン(f7:wand-stars-inverse)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- wandstars、starsinverse、wandstarsinverse、star
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M21.871 15.566c.281 0 .422-.164.469-.421c.797-3.75.75-3.891 4.664-4.688c.281-.047.445-.21.445-.469c0-.281-.164-.445-.445-.492c-3.914-.797-3.867-.937-4.664-4.664c-.047-.258-.188-.445-.469-.445s-.422.187-.492.445c-.774 3.727-.727 3.867-4.664 4.664c-.258.047-.445.211-.445.492c0 .258.187.422.445.469c3.937.797 3.89.938 4.664 4.688c.07.257.21.421.492.421m19.36 8.274c.328 0 .515-.211.562-.516c.82-4.453.844-4.734 5.554-5.555c.305-.046.54-.257.54-.585c0-.329-.235-.516-.54-.586c-4.71-.797-4.734-1.078-5.554-5.532c-.047-.304-.234-.539-.562-.539s-.54.235-.586.54c-.797 4.453-.82 4.734-5.532 5.53c-.328.071-.539.258-.539.587s.211.539.54.585c4.71.82 4.734 1.102 5.53 5.555c.047.305.258.516.587.516M9.027 30.566c.329 0 .516-.234.563-.539c.82-4.453.844-4.734 5.555-5.53c.304-.071.539-.259.539-.587s-.235-.539-.54-.586c-4.71-.82-4.734-1.101-5.554-5.555c-.047-.304-.235-.515-.563-.515s-.539.21-.585.515c-.82 4.454-.82 4.735-5.532 5.555c-.328.047-.539.258-.539.586s.211.516.54.586c4.71.797 4.71 1.078 5.53 5.531c.047.305.258.54.586.54m40.032 20.04c.984 1.007 2.671 1.007 3.609 0c.938-1.055.96-2.626 0-3.61l-22.289-22.36c-.984-.984-2.672-.984-3.61 0c-.96 1.055-.96 2.65 0 3.634Zm-28.899.374c.422 0 .727-.304.774-.75c.773-6.257 1.078-6.421 7.43-7.453c.515-.093.82-.328.82-.797c0-.445-.305-.726-.727-.796c-6.398-1.22-6.75-1.196-7.523-7.453c-.047-.446-.352-.75-.774-.75c-.445 0-.75.304-.797.726c-.82 6.352-1.054 6.563-7.523 7.477c-.422.047-.727.351-.727.797c0 .445.305.703.727.796c6.469 1.242 6.68 1.242 7.523 7.5a.774.774 0 0 0 .797.703m29.743-1.992L35.442 34.504l1.148-1.125l14.46 14.484c.423.399.516.867.141 1.29c-.422.35-.867.28-1.288-.165"/></svg>Wand Stars Inverse アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:wand-stars-inverse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:wand-stars-inverse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:wand-stars-inverse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--wand-stars-inverse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:wand-stars-inverse"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:wand-stars-inverse"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/wand-stars-inverse.svg" alt="Wand Stars Inverse アイコン" width="24" height="24">Framework7 Icons の関連アイコン
Wand Stars Inverse アイコン のよくある質問
Wand Stars Inverse アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wand Stars Inverse アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:wand-stars-inverse" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wand Stars Inverse アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/wand-stars-inverse.svg" alt="Wand Stars Inverse アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。