Ikon Fontaine
unjs:fontaine
Ikon Fontaine (unjs:fontaine) adalah ikon SVG gratis dari set UnJS Logos karya UnJS. Ikon ini digambar pada grid 32 × 32. UnJS Logos icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- UnJS Logos
- Pembuat
- UnJS
- Lisensi
- Apache-2.0
- Ukuran
- 32 × 32
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGkRCCwb7V)"><path fill="#89847e" d="m2.788 25.665l.337.408s1.905 2.51 6.76 4.09c4.075 1.325 8.917 1.135 12.48-.105c4.938-1.72 6.765-4.945 6.765-4.945z"/><path fill="#cfc6bd" d="M1.77 22.345s-.34.803-.093 1.768c.243.945 2.038 4.652 14.13 4.75c10.966.09 14.256-4.028 14.223-5.543c-.023-1.005-1.492-3.625-9.228-4.05c-7.734-.425-12.88.455-12.88.455z"/><path fill="#a2e4fd" d="M15.993 20.488C11.273 20.43 4.39 21.59 3.78 23.32c-.502 1.427 1.645 2.832 6.06 3.442s12.183.093 13.705-.487s4.232-1.705 4.232-1.705l.64-.945s.06-.517-.365-.913c-.424-.395-1.95-2.102-12.06-2.224"/><path fill="#e4dcd5" d="M28.963 23.138c.302-.033.327.657-.328 1.285s-4.45 3.345-12.695 3.375s-14.322-2.135-14.302-4.913c.022-2.96 10.375-4.167 13.9-3.687c3.524.477-.598.567-.598.567s-4.635-.007-8.44 1.043c-1.76.485-3.225 1.045-3.255 1.942c-.03.895 2.57 3.645 12.425 3.793c9.855.147 13.025-3.375 13.292-3.405"/><path fill="#fff" d="M6.968 21.81c-.145.082 0 .323-.178.488c-.177.167-1.007.522-1.082 1.155c-.12 1 1.785 1.215 1.965 1.107c.177-.107-.678-.81-.513-1.225c.195-.488.773-.81.773-1.143c0-.334-.693-.535-.965-.382m2.357-.402c0 .13.285.237.285.427c0 .262-1.202.845-1.06 1.892c.133.963 1.073 1.43 1.547 1.63c.596.25 2.04.34 1.976.035c-.048-.224-1.12-.332-1.726-1.012c-.534-.598-.542-1.275.026-1.82c.737-.715.275-1.237-.215-1.322c-.533-.088-.833.05-.833.17"/><path fill="#4fc0fa" d="M16.01 21.542c-3.083.045-4.783.76-4.758 1.863c.028 1.225 2.263 1.842 4.845 1.857c2.78.018 4.406-.845 4.463-1.785c.06-.94-1.52-1.98-4.55-1.935m5.368-.052c-.04.04-.273.352.257.95c.412.465.542.937.42 1.602s.3 1.238 1.238 1.238s1.114-.3 1.114-.38c0-.083-.682-.33-.842-1.183c-.19-1.005-.57-1.67-1.143-2.025c-.592-.367-.957-.292-1.044-.202m2.472.772c-.003.138.87.558.925 1.128s-.19.937-.027 1.032c.162.095 1.532-.19 1.522-1.21c-.015-1.18-2.407-1.465-2.42-.95"/><path fill="#a2e4fd" d="m7.572 14.163l.71 7.895l.71-.07l-.252-7.528zm15.286.48c0 .48-.023 6.612-.023 6.612l.755.137l.413-7.414c0 .002-1.145.23-1.145.665"/><path fill="#89847e" d="M7.16 14.07s.87 1.763 3.043 3.043c2.175 1.282 3.815.972 3.867 2.882c.037 1.373-.275 1.625-.572 1.945c-.288.308-.825.55-.825 1.075c0 .528.524 1.213 3.325 1.228c2.957.017 3.18-.795 3.15-1.32c-.03-.515-.703-.92-.93-1.288c-.195-.312-.276-.91-.26-1.55c.052-1.972 1.317-1.627 3.547-2.952c2.75-1.633 3.065-3.135 3.065-3.135z"/><path fill="#cfc6bd" d="m7.583 12.275l2.415-1.27l4.76-.573l2.735-.515s1.71.11 2.905.306c1.095.18 2.092.507 2.092.507l.115.502l.87.068s.777-.023 1.372.688c.633.755.503 1.67-.96 2.607c-1.447.928-7.687 1.19-7.687 1.19L9.06 14.23z"/><path fill="#a2e4fd" d="M8.58 13.293s-.48-2.15 7.483-2.198s7.847 2.175 7.847 2.175l-1.9 1.603l-5.768.755l-6.705-1.008z"/><path fill="#a2e4fd" d="M9.11 12.58s-.23-.28-.407-.367c-.178-.088-.56-.255-.56-.255s.164-.33.47-.458c.305-.127.547-.152.89-.025s.495.61.495.61zm13.485-.482s.305-.41.508-.536c.23-.14.547-.255.547-.255s-.383-.382-.94-.33c-.56.05-1.018.75-1.018.75z"/><path fill="#e2ddd7" d="M9.895 11.533c.14.014 1.358-.453 2.175-.583c1.645-.26 2.742-.24 2.742-.24l.053-.683s-1.375-.105-3.295.273c-1.248.245-2.052.617-2.052.617zm13.713.22c-.17.162.485.457.307 1.005c-.207.637-1.81 2.082-7.987 2.117c-6.196.035-7.286-1.598-7.588-2.068c-.338-.527.305-1-.42-1.057c-.62-.05-1.455.492-1.388 1.307c.066.785 1.49 3.368 9.493 3.368c7.683 0 9.023-2.64 9.09-3.427c.068-.795-1.125-1.61-1.507-1.245"/><path fill="#fffffd" d="M12.85 12.075c.15.122-.697.532-.71 1.01c-.01.477.805.88.688 1.042c-.168.233-2.385-.17-2.34-.997c.057-1.033 2.052-1.31 2.362-1.055"/><path fill="#4fc0fa" d="M12.968 13.16c-.028.48.77.967 3.142.977c2.465.01 2.98-.495 2.928-1.042c-.048-.485-1.23-.687-2.976-.72c-1.562-.03-3.057.14-3.095.785m6.54-.84c-.088.137.662.415.65.897c-.01.483-.56.863-.438.976s1.985-.078 1.975-1.02c-.012-.943-2.01-1.136-2.187-.853"/><path fill="#89847e" d="m14.683 13.26l-.01-1.963s-.696-.672-.998-1.425c-.303-.752-.338-1.335-.225-1.56s.83-.337.83-.337l1.93.56s2.21-.56 2.322-.47s.203.98-.044 1.715c-.325.965-.965 1.493-.965 1.493l.01 2.097s-.348.35-1.458.36c-1.29.012-1.392-.47-1.392-.47"/><path fill="#a9a299" d="M16.008 7.125c-2.043.01-2.558 1.19-2.558 1.19s.55.775 2.625.797c2.165.023 2.473-1.022 2.473-1.022s-.635-.975-2.54-.965"/><path fill="#a2e4fd" d="M18.288 14.713s1.54.085 1.782 1.08s.163 5.805.163 5.805l.994-.508s.283-4.74.363-5.47c.06-.55.245-1.692.245-1.692l-1.34.404zm-7.755-.323s-.16.19-.243.69c-.122.73.08 2.537.163 3.612c.08 1.075.202 2.578.202 2.578l.793-.203s.06-2.8.142-3.834s.425-1.848 1.035-2.11c.61-.263 1.3-.468 1.3-.468l-3.105-.61zm5.54-6.31c.71 0 .73-.508.73-.793s.325-3.552 2.454-3.612c2.01-.058 2.378 4.872 2.403 6.092c.023 1.04.02 2.57.02 2.57l.962-.197s.77-9.495-3.202-9.743c-1.823-.115-2.658 1.4-2.658 1.4s-.06-1.765-.102-2.272c-.043-.508-.447-.65-.71-.63a.71.71 0 0 0-.63.63c-.04.385-.02 2.252-.02 2.252s-1.033-1.602-2.415-1.582c-1.502.02-3.185 1.785-3.652 5.437s-.08 5.338-.08 5.338l.944-.743s-.052-3.822.393-5.507s1.24-3.203 2.318-3.203c1.077 0 1.725 1.155 2.17 2.31c.242.63.28 1.335.285 1.543c.007.377.12.71.79.71"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>Cara memakai ikon Fontaine
React
import { Icon } from "@iconify/react";
<Icon icon="unjs:fontaine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="unjs:fontaine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="unjs:fontaine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--fontaine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:fontaine"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="unjs:fontaine"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/unjs/fontaine.svg" alt="Ikon Fontaine" width="24" height="24">FAQ Ikon Fontaine
Apakah ikon Fontaine gratis untuk penggunaan komersial?
Ya. UnJS Logos icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Fontaine di React?
Pasang @iconify/react lalu render <Icon icon="unjs:fontaine" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Fontaine ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/unjs/fontaine.svg" alt="Ikon Fontaine">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.