Ikon Friym
thesvg-color:friym
Ikon Friym (thesvg-color:friym) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 285 × 283. theSVG Color 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
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 285 × 283
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="285" height="283" viewBox="0 0 285 283"><path fill="#fff" d="M242.21 110.17c-2.37-6.74-8.45-8.59-15.13-8.07a.42.42 0 0 1-.45-.39v-6.78c.05-18.63-11.65-35.36-29.79-40.31q-4.94-1.36-15.77-1.36q-36.33-.07-72.68 0a68 68 0 0 0-13.32.93c-16.61 3.59-28.64 17.32-31.28 33.72c-.67 4.15-.39 10.19-.45 13.6a.5.5 0 0 1-.45.53c-1.36.19-3.21-.07-4.34.05q-7.41.91-10.36 6.91q-1.41 2.9-1.27 10.31q.09 5.93.05 14q0 7.27.9 9.85a11.92 11.92 0 0 0 7.87 7.26c2.1.7 4.81.37 7.05.45a.5.5 0 0 1 .54.45a.5.5 0 0 1 0 .11q.08 20.4 0 51.56a39.4 39.4 0 0 0 .66 8.35c2.16 9.11 11.86 14.55 20.53 12.65q3.49-.78 9.15-4.59l27.93-18.66a4.67 4.67 0 0 1 2.58-.79h54.15q12.33 0 17.65-1.36c17.12-4.4 30-19.88 30.62-37.72v-9.45a.45.45 0 0 1 .39-.51h.11c2-.05 4.48.15 6.22-.26c6.94-1.65 9.66-7.09 9.69-13.93v-18.08q-.01-6.13-.8-8.47M116.43 93.92a12.22 12.22 0 1 1-12.23 12.22a12.22 12.22 0 0 1 12.23-12.22m64.64 62.36c-11.34 6.65-23.13 11-36.15 11s-24.81-4.4-36.15-11.08c-10.18-6-2-20.25 8.39-14.06c8.78 5.25 17.76 8.77 27.76 8.78s19-3.48 27.78-8.71c10.4-6.21 18.54 8.13 8.37 14.07m-7.49-37.89a12.22 12.22 0 1 1 12.22-12.22a12.22 12.22 0 0 1-12.22 12.22"/><circle cx="116.42" cy="106.15" r="12.22" fill="#227371"/><path fill="#227371" d="M172.71 142.2c-8.8 5.23-17.78 8.72-27.78 8.71s-19-3.53-27.76-8.78c-10.37-6.2-18.57 8.06-8.39 14.06c11.34 6.68 23.13 11.06 36.15 11.08s24.81-4.33 36.15-11c10.16-5.93 2.02-20.27-8.37-14.07"/><circle cx="173.58" cy="106.17" r="12.22" fill="#227371"/><path fill="#227371" d="M269 77.12q-22.16-41.75-64.71-61.87A139.5 139.5 0 0 0 123.2 3.8C62.61 13.64 15.85 60.09 6.25 121.25a120.5 120.5 0 0 0-1.16 15.64q-.22 11.55.12 15.66Q9.57 204 45.37 240.74a.39.39 0 0 1 0 .56Q30.92 255.75 20.75 266q-3.07 3.09-3.59 5c-1.25 4.63 1.28 10.37 6.3 10.83q2.8.24 7.09.24q24.73-.11 99.91-.07h19.94c57.6-2.18 106.6-38.78 126.53-92.94c13.15-35.78 9.94-78.24-7.93-111.94m-25.92 59.59c0 6.84-2.75 12.28-9.69 13.93c-1.74.42-4.18.21-6.22.26h-.11a.45.45 0 0 0-.39.51v9.45c-.63 17.83-13.5 33.32-30.62 37.72q-5.33 1.36-17.65 1.36h-54.19a4.67 4.67 0 0 0-2.58.79L93.7 219.38q-5.7 3.81-9.15 4.62c-8.67 1.9-18.37-3.54-20.53-12.65a39.4 39.4 0 0 1-.66-8.35v-51.56a.5.5 0 0 0 0-.11a.5.5 0 0 0-.54-.45c-2.25-.09-5 .25-7.05-.45a11.92 11.92 0 0 1-7.87-7.26q-.94-2.58-.9-9.85q0-8-.05-14q-.14-7.41 1.27-10.31q3-6.07 10.36-6.93c1.13-.13 3 .14 4.34-.05a.5.5 0 0 0 .45-.53c.06-3.41-.22-9.45.45-13.6C66.46 71.5 78.5 57.77 95.1 54.16a68 68 0 0 1 13.32-.93h72.68q10.84 0 15.77 1.36c18.13 4.98 29.81 21.71 29.76 40.34v6.78a.42.42 0 0 0 .45.39c6.68-.52 12.76 1.32 15.13 8.07q.84 2.34.84 8.43Z"/></svg>Cara memakai ikon Friym
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:friym" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:friym" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:friym" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--friym]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:friym"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:friym"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/friym.svg" alt="Ikon Friym" width="24" height="24">FAQ Ikon Friym
Apakah ikon Friym gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Friym di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:friym" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Friym ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/friym.svg" alt="Ikon Friym">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.