ICONYZ
Bahasa Indonesia
Ikon Clarity Wordmark dari Devicon Plain

Ikon Clarity Wordmark

devicon-plain:clarity-wordmark

Ikon Clarity Wordmark (devicon-plain:clarity-wordmark) adalah ikon SVG gratis dari set Devicon Plain karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon Plain 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
Devicon Plain
Pembuat
konpa
Lisensi
MIT
Ukuran
128 × 128
Tag
claritywordmark
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M11.467 46.045C5.134 46.045 0 51.19 0 57.537v12.926c0 6.347 5.133 11.492 11.467 11.492h12.898c6.334 0 11.467-5.145 11.467-11.492V57.537c0-6.347-5.133-11.492-11.467-11.492zm50.457 3.965l-.037 17.717a5.1 5.1 0 0 0 1.142 3.611a4.27 4.27 0 0 0 3.167 1.115a10 10 0 0 0 2.09-.222v-2.373q-.742.13-1.495.158a2.09 2.09 0 0 1-1.793-.707a4.24 4.24 0 0 1-.482-2.475V50.01zm37.877 0a1.85 1.85 0 0 0-1.375.568a1.87 1.87 0 0 0-.566 1.367a1.86 1.86 0 0 0 .566 1.377a1.86 1.86 0 0 0 1.375.569a1.8 1.8 0 0 0 1.355-.569a1.86 1.86 0 0 0 .547-1.377a1.86 1.86 0 0 0-.547-1.367a1.8 1.8 0 0 0-1.355-.568m6.387 2.717v2.726a2.37 2.37 0 0 1-.436 1.535a2.08 2.08 0 0 1-1.652.532h-.66v2.343h2.507v7.567a5.4 5.4 0 0 0 1.114 3.805a4.5 4.5 0 0 0 3.418 1.171a14 14 0 0 0 2.181-.185v-2.41q-.852.135-1.717.158a2.26 2.26 0 0 1-1.857-.688a4.2 4.2 0 0 1-.53-2.447v-6.97h3.622V57.52h-3.621v-4.793zm-86.27.92a5 5 0 0 1 .51.001v1.704a3.15 3.15 0 0 0-2.415.93a4.48 4.48 0 0 0-.808 2.911v9.577a4.48 4.48 0 0 0 .808 2.912a3.13 3.13 0 0 0 2.461 1.013v1.666a5.14 5.14 0 0 1-3.761-1.33a5.48 5.48 0 0 1-1.356-4.103v-9.856a5.5 5.5 0 0 1 1.356-4.103a5.15 5.15 0 0 1 3.205-1.323zm-5.442.001v1.704a3.13 3.13 0 0 0-2.406.93a4.48 4.48 0 0 0-.816 2.911v9.577a4.48 4.48 0 0 0 .816 2.912a3.11 3.11 0 0 0 2.461 1.013v1.666a5.12 5.12 0 0 1-3.713-1.33a5.48 5.48 0 0 1-1.365-4.103v-9.856a5.5 5.5 0 0 1 1.309-4.103a5.13 5.13 0 0 1 3.714-1.32zm11.412 0q.255-.012.51 0v1.704a3.16 3.16 0 0 0-2.424.93a4.48 4.48 0 0 0-.761 2.948v9.54a4.48 4.48 0 0 0 .808 2.912a3.14 3.14 0 0 0 2.461 1.013v1.666a5.17 5.17 0 0 1-3.715-1.33a5.5 5.5 0 0 1-1.41-4.103v-9.856a5.52 5.52 0 0 1 1.326-4.103a5.16 5.16 0 0 1 3.205-1.32zm51.115 3.461a6.7 6.7 0 0 0-3.648 1.034a7.23 7.23 0 0 0-2.572 2.828a8.05 8.05 0 0 0-.928 3.861a7.94 7.94 0 0 0 .928 3.787a7.6 7.6 0 0 0 2.572 2.867a6.55 6.55 0 0 0 3.715 1.08a5.11 5.11 0 0 0 4.643-2.848v2.503h2.562V57.52h-2.563v2.484a5.09 5.09 0 0 0-4.709-2.895m-24.107.098a7 7 0 0 0-.656.014a6.3 6.3 0 0 0-3.537 1.07a7.4 7.4 0 0 0-2.535 2.791a8.2 8.2 0 0 0-.93 3.834a8 8 0 0 0 .93 3.723a7.63 7.63 0 0 0 2.562 2.865a6.25 6.25 0 0 0 3.52 1.08c1.13.02 2.25-.216 3.277-.69a6.16 6.16 0 0 0 2.313-1.859a5.9 5.9 0 0 0 1.095-2.662h-2.592a3.5 3.5 0 0 1-1.373 2.037a4.35 4.35 0 0 1-2.527.717a4.07 4.07 0 0 1-3.416-1.535a5.75 5.75 0 0 1-1.207-3.723c-.005-.89.175-1.77.53-2.586c.33-.77.858-1.438 1.53-1.935c.7-.502 1.547-.76 2.407-.735a4.33 4.33 0 0 1 2.869.828a3.42 3.42 0 0 1 1.15 2.317h2.61a6.05 6.05 0 0 0-1.858-3.936a6.64 6.64 0 0 0-4.162-1.615m42.057.088a5.14 5.14 0 0 0-2.879.726a5.3 5.3 0 0 0-1.8 2.122V57.52h-2.592v14.7l2.592-.027V65.68c0-3.853 1.521-5.788 4.586-5.788c.419.003.837.056 1.244.159v-2.569a3.7 3.7 0 0 0-1.15-.187zm3.537.187V72.22h2.592V57.482zm15.312 0l5.813 14.738l-2.87 7.5h2.62l8.672-22.238h-2.684l-4.467 11.51l-4.427-11.51zM77.554 59.64a4.18 4.18 0 0 1 2.96 1.48a5.77 5.77 0 0 1 1.199 3.797a5.6 5.6 0 0 1-1.2 3.723l-.027-.01a4.74 4.74 0 0 1-6.854-.084a5.64 5.64 0 0 1-1.252-3.72a5.43 5.43 0 0 1 1.272-3.723a4.26 4.26 0 0 1 3.418-1.461q.243-.015.484-.002"/></svg>

Cara memakai ikon Clarity Wordmark

React

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

<Icon icon="devicon-plain:clarity-wordmark" width="24" />

Vue

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

<template>
  <Icon icon="devicon-plain:clarity-wordmark" width="24" />
</template>

Svelte

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

<Icon icon="devicon-plain:clarity-wordmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--clarity-wordmark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:clarity-wordmark"></div>

Web component

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

<iconify-icon icon="devicon-plain:clarity-wordmark"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon-plain/clarity-wordmark.svg" alt="Ikon Clarity Wordmark" width="24" height="24">

Ikon terkait di Devicon Plain

Ikon clarity
clarity

Ikon Clarity Wordmark di set ikon lain

Ikon Clarity Wordmark dari Devicon
Devicon

FAQ Ikon Clarity Wordmark

Apakah ikon Clarity Wordmark gratis untuk penggunaan komersial?

Ya. Devicon Plain icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Clarity Wordmark di React?

Pasang @iconify/react lalu render <Icon icon="devicon-plain:clarity-wordmark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Clarity Wordmark ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon-plain/clarity-wordmark.svg" alt="Ikon Clarity Wordmark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon Plain →