Ikon Content Settings
fluent-mdl2:content-settings
Ikon Content Settings (fluent-mdl2:content-settings) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 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
- Fluent UI MDL2
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 2048 × 2048
- Tag
- contentsettings, setting
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 128v1064q-28-31-60-57t-68-50V640H128v1024h868q3 33 10 65t18 63H0V128zm-128 128H128v256h1792zM256 1536V768h640v768zm128-128h384V896H384zm1024-512h-384V768h384zm-384 130h384q-122 41-216 126h-168zm1014 462l-124 51q6 30 6 59q0 32-6 63l124 51l-49 119l-124-52q-17 25-38 47t-48 39l52 124l-119 49l-51-124q-30 6-61 6q-15 0-30-3t-30-6l-52 127l-119-49l52-125q-25-17-45-39t-38-47l-127 53l-49-119l124-51q-6-30-6-59q0-31 6-63l-124-51l49-119l124 52q17-25 38-47t48-39l-52-124l119-49l51 124q30-6 59-6q31 0 63 6l51-124l119 49l-52 124q25 17 47 38t39 48l124-52zm-438 303q40 0 75-15t61-41t41-61t15-74t-15-74t-41-61t-62-42t-74-15q-39 0-74 15t-61 41t-42 62t-15 74q0 40 15 74t41 61t62 41t74 15"/></svg>Cara memakai ikon Content Settings
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:content-settings" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:content-settings" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:content-settings" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--content-settings]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:content-settings"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:content-settings"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/content-settings.svg" alt="Ikon Content Settings" width="24" height="24">Ikon terkait di Fluent UI MDL2
FAQ Ikon Content Settings
Apakah ikon Content Settings gratis untuk penggunaan komersial?
Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Content Settings di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:content-settings" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Content Settings ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/content-settings.svg" alt="Ikon Content Settings">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.