Ikon Werf
material-icon-theme:werf
Ikon Werf (material-icon-theme:werf) adalah ikon SVG gratis dari set Material Icon Theme karya Material Extensions. Ikon ini digambar pada grid 100 × 111. Material Icon Theme icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Material Icon Theme
- Pembuat
- Material Extensions
- Lisensi
- MIT
- Ukuran
- 100 × 111
Kode 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>Cara memakai ikon 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 component
<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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/werf.svg" alt="Ikon Werf" width="24" height="24">FAQ Ikon Werf
Apakah ikon Werf gratis untuk penggunaan komersial?
Ya. Material Icon Theme icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Werf di React?
Pasang @iconify/react lalu render <Icon icon="material-icon-theme:werf" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Werf ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-icon-theme/werf.svg" alt="Ikon Werf">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.