Mako アイコン
file-icons:mako
Mako アイコン(file-icons:mako)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 338 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 338 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="338" height="512" viewBox="0 0 338 512"><path fill="currentColor" d="M176.048 281.787s23.56-38.72 26.78-84.437s-6.654-73.404-6.654-73.404l55.375-42.498l35.2-38.204s-75.55 6.868-85.853 14.166c12.02-11.161 46.79-22.751 100.019-27.473c0 0 17.38-3.804 7.937 6.499c-1.035 1.129-14.766 14.663-18.595 19.563l47.574-34.648l-.429-9.443s-88.336-43.128-212.486 34.77C89.315 33.898 55.381 17.162 0 22.639c0 0 101.681 41.497 84.565 57.092C73.36 89.942 37.25 150.092 57.33 213.416c28.99 91.422 79.843 144.095 121.103 193.3C171.872 448.041 189.995 512 189.995 512s-.855-48.19 20.878-64.253c21.732-16.063 63.106-19.122 63.106-19.122c-25.783-22.453-49.571-29.475-55.713-28.53c-15.959 2.455-38.686-66.872-56.37-107.215c-7.56-19.843-7.071-102.36-2.992-105.449c1.067-.807 7.075-2.787 8.976 6.615c5.37 26.55 8.168 87.741 8.168 87.741"/></svg>Mako アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:mako" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:mako" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:mako" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--mako]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:mako"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:mako"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/mako.svg" alt="Mako アイコン" width="24" height="24">他のアイコンセットの Mako アイコン
Mako アイコン のよくある質問
Mako アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mako アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:mako" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mako アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/mako.svg" alt="Mako アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。