Ikon Text Format Outline

solar:text-format-outline

Ikon Text Format Outline (solar:text-format-outline) 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
Kategori: Format teks
Tag: textformat, formatoutline, textformatoutline, text outline

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="M7.948 2.25C7.04954 2.24997 6.3003 2.24995 5.70552 2.32991C5.07773 2.41432 4.51093 2.59999 4.05546 3.05546C3.59999 3.51093 3.41432 4.07773 3.32991 4.70552C3.24995 5.3003 3.24997 6.04951 3.25 6.94798L3.25 7.95C3.25 8.36422 3.58579 8.7 4 8.7C4.41422 8.7 4.75 8.36422 4.75 7.95V7C4.75 6.03599 4.7516 5.38843 4.81654 4.9054C4.87858 4.44393 4.9858 4.24644 5.11612 4.11612C5.24644 3.9858 5.44393 3.87858 5.9054 3.81654C6.38843 3.7516 7.03599 3.75 8 3.75H11.25V20.25H7C6.58579 20.25 6.25 20.5858 6.25 21C6.25 21.4142 6.58579 21.75 7 21.75H17C17.4142 21.75 17.75 21.4142 17.75 21C17.75 20.5858 17.4142 20.25 17 20.25H12.75V3.75H16C16.964 3.75 17.6116 3.7516 18.0946 3.81654C18.5561 3.87858 18.7536 3.9858 18.8839 4.11612C19.0142 4.24644 19.1214 4.44393 19.1835 4.9054C19.2484 5.38843 19.25 6.03599 19.25 7V7.95C19.25 8.36422 19.5858 8.7 20 8.7C20.4142 8.7 20.75 8.36422 20.75 7.95V6.94801C20.75 6.04953 20.7501 5.30031 20.6701 4.70552C20.5857 4.07773 20.4 3.51093 19.9445 3.05546C19.4891 2.59999 18.9223 2.41432 18.2945 2.32991C17.6997 2.24995 16.9505 2.24997 16.052 2.25H7.948Z"/></svg>

Cara memakai ikon Text Format Outline

React

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

<Icon icon="solar:text-format-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:text-format-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:text-format-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--text-format-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:text-format-outline"></div>

Web component

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

<iconify-icon icon="solar:text-format-outline"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/text-format-outline.svg" alt="Ikon Text Format Outline" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Text Format Outline

Apakah ikon Text Format Outline 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 Text Format Outline di React?

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

Bagaimana cara menambahkan ikon Text Format Outline ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/text-format-outline.svg" alt="Ikon Text Format Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →