Werf アイコン
material-icon-theme:werf
Werf アイコン(material-icon-theme:werf)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 100 × 111 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 100 × 111
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="111" viewBox="0 0 100 111"><path fill="#1e88e5" d="m74.849 59.509l3.307 9.697l5.768-9.697zm-.601-20.967v17.932h9.788zm-3.095 10.125V34.182h-4.938zm-10.77-31.582l4.795 14.06h5.032l-8.166-14.959l-1.236.668l-.425.228zm-6.74 78.095h7.34l-2.77-5.008l-.917.976a71.108 69.794 0 0 1-3.653 4.031zm-3.594-4.567l.125-29.212a48.51 47.615 0 0 0-3.263 2.064c.125 3.608.715 15.891 3.137 27.147zm-8.374-23.137c.112 2.31.811 10.604 5.165 19.634c-1.57-8.843-2.14-17.601-2.34-21.906a62.074 60.926 0 0 0-2.825 2.272m-2.68 27.704h7.64l-.584-.672a69.587 68.302 0 0 1-4.088-4.69l-2.967 5.36zm-2.442-22.688c.275 1.63 2.424 7.773 7.763 15.086c-3.516-7.485-4.631-14.336-4.98-17.987a46.725 45.861 0 0 0-2.784 2.901zm3.86-15.062v6.948a46.951 46.083 0 0 1 3.884-2.96c3.425-2.488 4.818-3 5.698-3.055h-.006v-.933zm-24.358 2.08l6.167 10.364l4.244-10.364zm11.154-16.456L16.532 56.473h10.677zm3.097-3.889v10.974l7.509-18.34l-1.004-.812l-6.507 8.178zM80.198 71.8h6.218l1.548 1.52v23.377l-1.548 1.522H13.563L12.016 96.7V73.32l1.547-1.52h6.22l-7.76-13.04l.115-1.701l23.21-29.167l2.11-.229l.038-.052l10.428 7.677l-1.857 2.431l-5.638-4.153L24.199 73.2l12.145 20.407l3.595-6.496c-6.09-8.683-6.534-14.664-6.556-15l.363-1.07a62.861 61.699 0 0 1 3.57-3.827v-11.3l1.55-1.519h22.247l1.548 1.52V66.86a62.175 61.026 0 0 1 3.932 4.182l.361 1.067c-.019.343-.473 6.45-6.756 15.288l3.438 6.21l12.444-20.91l-18.45-54.12l-5.06 2.74l-1.493-2.66l10.841-5.872l2.113.614l23.954 43.878"/></svg>Werf アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:werf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:werf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:werf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--werf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:werf"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:werf"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/werf.svg" alt="Werf アイコン" width="24" height="24">Werf アイコン のよくある質問
Werf アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Werf アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:werf" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Werf アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/werf.svg" alt="Werf アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。