Ikon Columns 3 Bold

solar:columns-3-bold

Ikon Columns 3 Bold (solar:columns-3-bold) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar 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: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Tag: columnsbold, column

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.583 20.999C14.3938 20.9992 14.1996 21 14 21H10C9.80044 21 9.60616 20.9992 9.41699 20.999V3H14.583V20.999Z"/><path d="M7.91699 20.9863C5.489 20.9475 4.10438 20.7606 3.17188 19.8281C2.0003 18.6566 2 16.7712 2 13V11C2 7.22876 2.0003 5.34345 3.17188 4.17188C4.10438 3.23937 5.48899 3.05152 7.91699 3.0127V20.9863Z"/><path d="M16.083 3.0127C18.511 3.05152 19.8956 3.23937 20.8281 4.17188C21.9997 5.34345 22 7.22876 22 11V13C22 16.7712 21.9997 18.6566 20.8281 19.8281C19.8956 20.7606 18.511 20.9475 16.083 20.9863V3.0127Z"/></g></svg>

Cara memakai ikon Columns 3 Bold

React

import { Icon } from "@iconify/react";

<Icon icon="solar:columns-3-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:columns-3-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:columns-3-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--columns-3-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:columns-3-bold"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:columns-3-bold"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/columns-3-bold.svg" alt="Ikon Columns 3 Bold" width="24" height="24">

Ikon terkait di Solar

Ikon Columns 3 Bold di set ikon lain

FAQ Ikon Columns 3 Bold

Apakah ikon Columns 3 Bold gratis untuk penggunaan komersial?

Ya. Solar 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 Columns 3 Bold di React?

Pasang @iconify/react lalu render <Icon icon="solar:columns-3-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Columns 3 Bold ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/columns-3-bold.svg" alt="Ikon Columns 3 Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →