outline
1. Warna
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
2. Latar kanvas dan transformasi
3. Preset animasi vektor langsung
Termasuk dalam ekspor SVG
Material Icons
|
Antarmuka Pengguna (UI/UX)
|
viewBox="0 0 24 24"
|
Gratis untuk penggunaan komersial
Ikon SVG Content Block
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. Content Block - Gratis untuk penggunaan komersial dan pribadi. Tanpa Daftar Akun | 100% Diproses di Browser Anda
Unduhan instan vektor dan resolusi tinggi
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
material-outlined-content-content-block.svg (644 B)
Salin cepat untuk pengembang dan framework UI
Keluaran kode langsung
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Content Block icon"><title>Content Block - Material Icons icon</title><desc>Free Content Block vector icon from the Material Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 373 bytes.</desc><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z"/></svg>
Prompt AI dan peningkatan vektor
Ingin memperbaiki atau mengubah gaya ikon ini? Content Block
Buat prompt rekayasa yang tepat, atau perbaiki ikon di kanvas sekarang. Content Block
Pembuat prompt 100% di browser
Verifikasi sumber dan lisensi
LICENSE.txt
Library: Material Icons | Author: Google LLC | License: Apache-2.0 | Source: https://github.com/google/material-design-icons | Tanpa Daftar Akun | 100% Diproses di Browser Anda
Kata kunci
#material
#outlined
#content
#block
#interface
#outline
Content Block - Spesifikasi teknis vektor
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. Content Block
| Pengenal aset kanonis | material/material-outlined-content-content-block |
|---|---|
| Paket perpustakaan sumber | Material Icons |
| Kisi koordinat dan viewBox | viewBox="0 0 24 24" |
| Ukuran tanpa kompresi | 644 bytes (~354 bytes gzipped) |
| Lisensi SPDX dan penggunaan komersial | Apache-2.0 - Gratis untuk penggunaan komersial |
| Upstream Source | https://github.com/google/material-design-icons |
| Format ekspor yang didukung | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Jaminan keamanan dan privasi | Tanpa Daftar Akun | 100% Diproses di Browser Anda |
Cara memakai dan menyesuaikan ikon ini: Content Block
- Sesuaikan secara visual: Warna, Otomatis (garis dan isian), Ketebalan garis (
0.5px-4px), Preset animasi vektor langsung - Unduh vektor atau gambar: Unduh SVG, PNG (transparan), WebP (dioptimalkan) (
2048x2048 px) - Salin kode framework: Salin kode siap pakai untuk React, Next.js, Vue 3, Svelte, Angular, HTML, dan mask CSS.
- Pengeditan vektor mendalam: Edit di editor SVG (77.087)
Tips aksesibilitas (WCAG 2.1): Sembunyikan ikon dekoratif dengan aria-hidden dan focusable false. Beri aria-label yang jelas pada tombol yang hanya berisi ikon. Balik panah secara mendatar untuk bahasa kanan ke kiri.
material-outlined-content-content-block.svg aria-hidden="true" focusable="false"
Lebih banyak di Antarmuka Pengguna (UI/UX)
Jelajahioutline
Cash Heart
Tabler Icons|interfaceoutline
Category Plus
Tabler Icons|interfaceduotone
Hourglass Simple
Phosphor Icons|interfaceoutline
Games Sword
Domain Icons|interfaceoutline
Tape
IconPark|interface
Terrace
IconPark|interface
Circle Dashed Letter E
Tabler Icons|interface
Number Circle One
Phosphor Icons|interface
Rabbit
Phosphor Icons|interface
Legal Seal
Domain Icons|interface
Media News
Domain Icons|interface
Accessibility
Lucide|interface
Box Plot
Ant Design TwoTone|interface
9 Square
Bootstrap Icons|interface
Album
MingCute Icons Fill|interface
Cursor Circuit Glitch
Mouse|interface
sepeda
SVG Icons Collection|interface
App Window
Lucide|interface
mata
Ant Design TwoTone|interface
C
SVG Icons Collection|interface
Cursor Harpoon Barb
Mouse|interface
Cheese
SVG Icons Collection|interface
Cursor Kunai Ninja
Mouse|interfaceJelajahi lainnya
Pertanyaan Umum
Content Block - Pertanyaan Umum
Lisensi apa yang mencakup Content Block? +
Content Block berasal dari Material Icons dan dilindungi oleh Apache-2.0. Atribusi: Kredit wajib.
Dalam format apa saya dapat mengunduh Content Block? +
Content Block adalah vektor bergaya outline (viewBox 0 0 24 24). Unduh SVG, PNG, WebP atau ICO, atau salin kode React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask atau Base64 dari halaman ini.
Dari mana ikon Content Block berasal? +
Content Block adalah bagian dari pustaka Material Icons oleh Google LLC, dalam kategori Antarmuka Pengguna (UI/UX). Teks lisensi lengkap ada dalam file pemberitahuan pustaka yang ditautkan di halaman ini.
100% Diproses di Browser Anda | 77.087 ikon
Editor SVG
Edit jalur, lapisan, warna, dan animasi di browser, lalu ekspor SVG bersih, PNG, atau kode framework.