Zenmux アイコン
thesvg:zenmux
Zenmux アイコン(thesvg:zenmux)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M76.566 12.547c7.118-.274 21.525.667 33.05 11.016c9.455 8.49 12.712 24.227 10.509 36.43c-2.02 11.187-6.779 20.34-4.915 28.814s6.608 12.653 10.644 14.408c3.898 1.694 7.666 1.186 6.949 4.406s-5.593 4.407-9.153 4.407c-1.952 0-7.855-.509-10.474-2.204c-3.095-2.003-3.785-3.798-4.963-5.241c-.2-.245-.553-.074-.506.238c.537 3.55 2.017 9.573 4.418 13.309c1.943 3.022 2.746 5.226 7.197 8.955s6.531 7.118 2.203 9.519c-3.845 2.132-12.203-2.231-17.118-7.627c-4.424-4.857-7.504-10.848-8.722-14.746c-.651-2.084-1.304-5.669-1.955-8.601c-.086-.386-.614-.324-.625.071c-.217 7.463-1.39 14.59-3.105 22.231c-1.235 5.501-4.237 12.203-6.95 16.271c-3.306 4.96-8.215 6.508-11.863 5.152c-2.919-1.085-.848-4.773 0-7.966c.847-3.192 2.542-9.87 3.684-17.186c1.034-6.622 1.307-13.177.847-19.388c-.029-.379-.61-.437-.729-.076c-.95 2.913-2.743 7.742-4.051 10.679c-2.728 6.125-4.747 8.813-10.34 15.254c-5.03 5.792-19.498 13.983-21.356 5.932c-.508-2.203 2.156-3.168 4.613-5.085c3.693-2.881 6.779-7.994 9.705-14.237c2.627-5.606 3.962-11.029 4.167-14.491c.019-.334-.4-.46-.588-.184c-1.217 1.784-3.007 4.198-4.98 6.2c-3.295 3.345-6.95 6.788-11.187 8.475c-6.814 2.712-13.763.847-13.255-4.067c.425-4.106 5.008-3.256 10.714-9.481c5.593-6.102 7.457-10.848 7.796-16.102c.27-4.204-3.842-14.18-5.932-18.644c-3.333-7.119-5.797-27.322 4.237-40.339c12.542-16.27 27.626-15.933 32.034-16.102M57 41c-4.666 0-7 3.581-7 8c0 4.418 2.593 8 7 8s7-3.582 7-8s-2.333-8-7-8m38 0c-4.666 0-7 3.581-7 8c0 4.418 2.593 8 7 8s7-3.582 7-8s-2.333-8-7-8" clip-rule="evenodd"/></svg>Zenmux アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:zenmux" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:zenmux" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:zenmux" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--zenmux]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:zenmux"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:zenmux"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/zenmux.svg" alt="Zenmux アイコン" width="24" height="24">他のアイコンセットの Zenmux アイコン
Zenmux アイコン のよくある質問
Zenmux アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zenmux アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:zenmux" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zenmux アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/zenmux.svg" alt="Zenmux アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。