Ikon Outline Blur Linear

ic:outline-blur-linear

Ikon Outline Blur Linear (ic:outline-blur-linear) adalah ikon SVG gratis dari set Google Material Icons karya Material Design Authors. Ikon ini digambar pada grid 24 × 24. Google Material Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Google Material Icons
Pembuat: Material Design Authors
Lisensi: Apache-2.0
Ukuran: 24 × 24
Kategori: Gambar
Tag: blur, dots, edit, editing, effect, enhance, filter, linear, image, outlineblur, blurlinear, outlineblurlinear

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 17.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5s.67 1.5 1.5 1.5M9 13c.55 0 1-.45 1-1s-.45-1-1-1s-1 .45-1 1s.45 1 1 1m0-4c.55 0 1-.45 1-1s-.45-1-1-1s-1 .45-1 1s.45 1 1 1M3 21h18v-2H3zM5 9.5c.83 0 1.5-.67 1.5-1.5S5.83 6.5 5 6.5S3.5 7.17 3.5 8S4.17 9.5 5 9.5m0 4c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5s.67 1.5 1.5 1.5M9 17c.55 0 1-.45 1-1s-.45-1-1-1s-1 .45-1 1s.45 1 1 1m8-.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5s-.5.22-.5.5s.22.5.5.5M3 3v2h18V3zm14 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5s-.5.22-.5.5s.22.5.5.5m0 4c.28 0 .5-.22.5-.5s-.22-.5-.5-.5s-.5.22-.5.5s.22.5.5.5M13 9c.55 0 1-.45 1-1s-.45-1-1-1s-1 .45-1 1s.45 1 1 1m0 4c.55 0 1-.45 1-1s-.45-1-1-1s-1 .45-1 1s.45 1 1 1m0 4c.55 0 1-.45 1-1s-.45-1-1-1s-1 .45-1 1s.45 1 1 1"/></svg>

Cara memakai ikon Outline Blur Linear

React

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

<Icon icon="ic:outline-blur-linear" width="24" />

Vue

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

<template>
  <Icon icon="ic:outline-blur-linear" width="24" />
</template>

Svelte

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

<Icon icon="ic:outline-blur-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--outline-blur-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:outline-blur-linear"></div>

Web component

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

<iconify-icon icon="ic:outline-blur-linear"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ic/outline-blur-linear.svg" alt="Ikon Outline Blur Linear" width="24" height="24">

Ikon terkait di Google Material Icons

FAQ Ikon Outline Blur Linear

Apakah ikon Outline Blur Linear gratis untuk penggunaan komersial?

Ya. Google Material Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Outline Blur Linear di React?

Pasang @iconify/react lalu render <Icon icon="ic:outline-blur-linear" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Outline Blur Linear ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ic/outline-blur-linear.svg" alt="Ikon Outline Blur Linear">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Google Material Icons →