Ikon Align Bottom
mynaui:align-bottom
Ikon Align Bottom (mynaui:align-bottom) adalah ikon SVG gratis dari set Myna UI Icons karya Praveen Juge. Ikon ini digambar pada grid 24 × 24. Myna UI 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
- Myna UI Icons
- Pembuat
- Praveen Juge
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- alignbottom
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 14V6c0-.932 0-1.398-.152-1.765a2 2 0 0 0-1.083-1.083C8.398 3 7.932 3 7 3s-1.398 0-1.765.152a2 2 0 0 0-1.083 1.083C4 4.602 4 5.068 4 6v8c0 .932 0 1.398.152 1.765a2 2 0 0 0 1.083 1.083C5.602 17 6.068 17 7 17s1.398 0 1.765-.152a2 2 0 0 0 1.083-1.083C10 15.398 10 14.932 10 14m10 0v-4c0-.932 0-1.398-.152-1.765a2 2 0 0 0-1.083-1.083C18.398 7 17.932 7 17 7s-1.398 0-1.765.152a2 2 0 0 0-1.083 1.083C14 8.602 14 9.068 14 10v4c0 .932 0 1.398.152 1.765a2 2 0 0 0 1.083 1.083C15.602 17 16.068 17 17 17s1.398 0 1.765-.152a2 2 0 0 0 1.083-1.083C20 15.398 20 14.932 20 14m1 7H3"/></svg>
Cara memakai ikon Align Bottom
React
import { Icon } from "@iconify/react";
<Icon icon="mynaui:align-bottom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mynaui:align-bottom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mynaui:align-bottom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mynaui--align-bottom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mynaui -->
<div class="i-mynaui:align-bottom"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mynaui:align-bottom"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/mynaui/align-bottom.svg" alt="Ikon Align Bottom" width="24" height="24">
Ikon terkait di Myna UI Icons
Ikon Align Bottom di set ikon lain
FAQ Ikon Align Bottom
Apakah ikon Align Bottom gratis untuk penggunaan komersial?
Ya. Myna UI Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Align Bottom di React?
Pasang @iconify/react lalu render <Icon icon="mynaui:align-bottom" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Align Bottom ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mynaui/align-bottom.svg" alt="Ikon Align Bottom">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Myna UI Icons →
ICONYZ
