Ikon Frankmd
selfhst:frankmd
Ikon Frankmd (selfhst:frankmd) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- selfh.st/icons
- Pembuat
- selfh.st
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#ff6b9d" d="M437 75C388.7 26.6 324.4 0 256 0S123.3 26.6 75 75C26.6 123.3 0 187.6 0 256s26.6 132.7 75 181c48.4 48.4 112.6 75 181 75s132.7-26.6 181-75c48.4-48.4 75-112.6 75-181s-26.6-132.7-75-181"/><path fill="#7cb342" d="M418 147.6H94c-1.3 0-2.5-.2-3.6-.5V225c0 11.2.4 21.9 1.2 32.2c11.5 4 19.5 12.2 19.5 21.8c0 7.8-5.4 14.8-13.8 19.3c17.8 85.2 70.2 136.2 158.7 155.2c88.5-19 140.8-70 158.7-155.2c-8.4-4.4-13.8-11.4-13.8-19.3c0-9.5 7.9-17.8 19.5-21.8c.8-10.3 1.2-21.1 1.2-32.2v-77.9c-1.1.3-2.3.5-3.6.5M184 330.3c-29.3 0-53.1-27.1-53.1-60.3s23.8-60.3 53.1-60.3s53.1 27.1 53.1 60.3s-23.8 60.3-53.1 60.3m144 0c-29.3 0-53.1-27.1-53.1-60.3s23.8-60.3 53.1-60.3s53.1 27.1 53.1 60.3s-23.8 60.3-53.1 60.3"/><path fill="#5d4037" d="M418 84.6H94c-3 0-5.4 2.4-5.4 5.4v45c0 3 2.4 5.4 5.4 5.4h324c3 0 5.4-2.4 5.4-5.4V90c0-3-2.4-5.4-5.4-5.4"/><path fill="#2e2e2e" d="M153.4 36h10.8c3 0 5.4 2.4 5.4 5.4v43.2c0 3-2.4 5.4-5.4 5.4h-10.8c-3 0-5.4-2.4-5.4-5.4V41.4c0-3 2.4-5.4 5.4-5.4m63-9h10.8c3 0 5.4 2.4 5.4 5.4v52.2c0 3-2.4 5.4-5.4 5.4h-10.8c-3 0-5.4-2.4-5.4-5.4V32.4c0-3 2.4-5.4 5.4-5.4m72 3.6h10.8c3 0 5.4 2.4 5.4 5.4v48.6c0 3-2.4 5.4-5.4 5.4h-10.8c-3 0-5.4-2.4-5.4-5.4V36c0-3 2.4-5.4 5.4-5.4m63 10.8h10.8c3 0 5.4 2.4 5.4 5.4v37.8c0 3-2.4 5.4-5.4 5.4h-10.8c-3 0-5.4-2.4-5.4-5.4V46.8c0-3 2.4-5.4 5.4-5.4"/><path fill="#444" d="M346 167.4h-15.3V153c0-1.5-1.2-2.7-2.7-2.7s-2.7 1.2-2.7 2.7v14.4h-39.6V153c0-1.5-1.2-2.7-2.7-2.7s-2.7 1.2-2.7 2.7v14.4h-48.6V153c0-1.5-1.2-2.7-2.7-2.7s-2.7 1.2-2.7 2.7v14.4h-39.6V153c0-1.5-1.2-2.7-2.7-2.7s-2.7 1.2-2.7 2.7v14.4H166c-2 0-3.6 1.6-3.6 3.6s1.6 3.6 3.6 3.6h15.3V189c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7v-14.4h39.6V189c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7v-14.4h48.6V189c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7v-14.4h39.6V189c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7v-14.4H346c2 0 3.6-1.6 3.6-3.6s-1.6-3.6-3.6-3.6"/><path fill="#888" d="M465.7 279c0 10.4-13.3 18.9-29.7 18.9s-29.7-8.5-29.7-18.9s13.3-18.9 29.7-18.9s29.7 8.5 29.7 18.9M76 260.1c-16.4 0-29.7 8.5-29.7 18.9s13.3 18.9 29.7 18.9s29.7-8.5 29.7-18.9s-13.3-18.9-29.7-18.9"/><path fill="#fff" d="M375.7 270c0 30.3-21.4 54.9-47.7 54.9s-47.7-24.6-47.7-54.9s21.4-54.9 47.7-54.9s47.7 24.6 47.7 54.9M184 215.1c-26.3 0-47.7 24.6-47.7 54.9s21.4 54.9 47.7 54.9s47.7-24.6 47.7-54.9s-21.4-54.9-47.7-54.9"/><path fill="#2d1b4e" d="M193 252c14.9 0 27 12.1 27 27s-12.1 27-27 27s-27-12.1-27-27s12.1-27 27-27m144 0c14.9 0 27 12.1 27 27s-12.1 27-27 27s-27-12.1-27-27s12.1-27 27-27"/><path fill="#fff" d="M202 261c5 0 9 4 9 9s-4 9-9 9s-9-4-9-9s4-9 9-9m144 0c5 0 9 4 9 9s-4 9-9 9s-9-4-9-9s4-9 9-9"/><path fill="#2e2e2e" d="M229 225c-2 0-4-.6-5.6-2c-27.3-21.8-56.5-24.4-89.4-8c-4.4 2.2-9.9.4-12.1-4s-.4-9.9 4-12.1c39.2-19.6 75.8-16.3 108.6 10c3.9 3.1 4.5 8.8 1.4 12.6c-1.6 2.3-4.3 3.5-6.9 3.5m59.6-2c27.3-21.8 56.5-24.4 89.4-8c4.4 2.2 9.9.4 12.1-4s.4-9.9-4-12.1c-39.3-19.6-75.8-16.3-108.6 10c-3.9 3.1-4.5 8.8-1.4 12.6c1.8 2.2 4.4 3.4 7 3.4c1.9.1 3.9-.5 5.5-1.9"/><path fill="#444" d="M256 419.4c-25.1 0-50.3-9.4-75.2-28.1c-2.4-1.8-2.9-5.2-1.1-7.6s5.2-2.9 7.6-1.1c46.3 34.7 91.3 34.7 137.5 0c2.4-1.8 5.8-1.3 7.6 1.1s1.3 5.8-1.1 7.6c-25 18.7-50.2 28.1-75.3 28.1"/><path fill="#f99" d="M139 333c14.9 0 27 8.1 27 18s-12.1 18-27 18s-27-8.1-27-18s12.1-18 27-18m234 0c14.9 0 27 8.1 27 18s-12.1 18-27 18s-27-8.1-27-18s12.1-18 27-18" opacity=".6"/></svg>Cara memakai ikon Frankmd
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:frankmd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:frankmd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:frankmd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--frankmd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:frankmd"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:frankmd"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/selfhst/frankmd.svg" alt="Ikon Frankmd" width="24" height="24">Ikon terkait di selfh.st/icons
FAQ Ikon Frankmd
Apakah ikon Frankmd gratis untuk penggunaan komersial?
Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Frankmd di React?
Pasang @iconify/react lalu render <Icon icon="selfhst:frankmd" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Frankmd ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/frankmd.svg" alt="Ikon Frankmd">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.