Fontaine ikonu
unjs:fontaine
Fontaine ikonu (unjs:fontaine), UnJS Logos setinden ücretsiz bir SVG ikondur (yapımcı: UnJS). 32 × 32 ızgara üzerinde çizilmiştir. UnJS Logos icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- UnJS Logos
- Yazar
- UnJS
- Lisans
- Apache-2.0
- Boyut
- 32 × 32
SVG kodu
<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>Fontaine ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="unjs:fontaine"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/unjs/fontaine.svg" alt="Fontaine ikonu" width="24" height="24">Fontaine ikonu: sık sorulan sorular
Fontaine ikonu ticari kullanım için ücretsiz mi?
Evet. UnJS Logos icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Fontaine ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="unjs:fontaine" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Fontaine ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/unjs/fontaine.svg" alt="Fontaine ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.