Magicast アイコン
unjs:magicast
Magicast アイコン(unjs:magicast)は、UnJS Logos セットの無料 SVG アイコンです（作者: UnJS）。 32 × 32 のグリッドで描かれています。 UnJS Logos icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- UnJS Logos
- 作者
- UnJS
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffe265" d="m12.045 17.113l-10.37.375s-.657-.658-.562-.893s8.682-6.945 9.01-6.897c.327.047 1.08.845 1.69.562s0-1.925.187-2.157c.188-.235 6.898-3.848 7.32-4.035s.797-.61 1.642-.423c.846.188 2.958.563 5.256 2.113s4.692 3.332 4.505 4.317s-18.678 7.038-18.678 7.038"/><path fill="#feb502" d="M4.865 28.893c2.3-.283 23.745-4.88 24.638-5.02c.892-.14 1.454-.986 1.454-1.925s-.235-11.873-.235-11.873s-1.032.328-2.252.61c-1.22.28-11.217 2.72-15.157 3.612c-3.94.893-10.23 2.535-10.936 2.535s-1.267-.235-1.267-.235s.187 9.76.235 10.465s.375 1.548 1.172 1.783c.798.235 1.318.172 2.348.047"/><path fill="#ff8b0d" d="M18.743 6.39c0 .6.61.998 1.62.968c1.102-.033 1.407-.688 1.372-1.108c-.035-.422-.543-.792-1.547-.775c-.933.018-1.445.388-1.445.915"/><path fill="#ed6b31" d="M7.48 13.87c-1.625.548-1.442 1.97-.967 2.287c.475.318 1.107.3 1.847.035c.74-.264 1.21-.567 1.285-1.062c.07-.47-.545-1.808-2.165-1.26m14.765-4.065c-1.09.05-2.295.832-2.745 1.585c-.475.792-.51 1.725.58 2.305s4.945-.898 4.753-2.252c-.193-1.358-1.443-1.69-2.588-1.638m-3.783 10.962s1.548-1.145 1.548-1.952c0-.81-.668-2.722-3.503-2.868c-2.657-.137-4.295 3.486-2.552 5.35c1.742 1.866 2.798 1.02 3.45.845c.652-.177 1.057-1.375 1.057-1.375m-7.655 3.256s1.538-.963.358-2.018c-.83-.742-1.94-.407-2.505.17c-.722.74-.527 1.918.14 2.445c.67.53 2.007-.598 2.007-.598m-5.21-4.328s-.174-.553-.802-.775c-.705-.25-1.757.627-1.307 1.565c.405.845 1.302.598 1.302.598zm22.508.808c.152-.166 1.15-.886 1.15-1.433c0-.545-1.502-2.23-3.42-.962c-1.918 1.267-.915 3.185-.387 3.502c.527.317 1.99-.385 2.657-1.107"/><path fill="#ff8b0d" d="M7.715 14.733c-1.067.37-1.47 1.124-1.202 1.424c.282.318.897.528 1.97.14c.83-.3 1.25-.802 1.18-1.25c-.05-.325-.98-.65-1.948-.315m-3.56 4.924a.893.893 0 0 0 .353 1.408c.44.157 1.215-.318 1.162-1.108c-.055-.792-1.093-.827-1.515-.3m5.437 3.188c-1.005.815-1.032 1.613-.645 1.883c.27.19 1.266.584 2.176-.088c.675-.498.687-1.543.475-2.043c-.178-.425-1.16-.44-2.006.248m6.1-4.442c-1.344 1.307-1.665 3.43-.344 3.93c1.162.44 2.832.175 3.817-1.038c1.035-1.275 1.145-2.683.48-3.513c-.795-.997-2.912-.387-3.952.62m6.113-7.295c-1.76.597-2.797 1.864-1.9 2.5c.897.632 1.83.54 2.85.192c1.158-.393 2.043-1.303 2.078-2.165c.027-.707-1.478-1.055-3.028-.527m4.7 8.092c-1.197.975-1.547 1.953-1.055 2.41s1.672.668 2.762-.087c1.133-.785 1.215-1.675 1.09-2.393c-.14-.807-1.567-.932-2.797.07"/></g></svg>Magicast アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="unjs:magicast" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="unjs:magicast" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="unjs:magicast" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--magicast]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:magicast"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="unjs:magicast"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/unjs/magicast.svg" alt="Magicast アイコン" width="24" height="24">Magicast アイコン のよくある質問
Magicast アイコンは商用利用でも無料ですか?
はい。UnJS Logos icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Magicast アイコンを使うには?
@iconify/react をインストールして <Icon icon="unjs:magicast" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Magicast アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/unjs/magicast.svg" alt="Magicast アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。