ICONYZ
Bahasa Indonesia
Ikon Statusnook dari theSVG Color

Ikon Statusnook

thesvg-color:statusnook

Ikon Statusnook (thesvg-color:statusnook) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 226 × 59. theSVG Color 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
theSVG Color
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
226 × 59
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="226" height="59" viewBox="0 0 226 59"><defs><path id="SVGsbIiYbWO" fill="#fff" d="M183.253 44.094c5.674 0 10.273-4.6 10.273-10.276c0-5.675-4.599-10.275-10.273-10.275s-10.273 4.6-10.273 10.275s4.6 10.276 10.273 10.276"/></defs><g fill="none"><path fill="#9effa8" d="M171.444 1.663c.052-.73.687-1.28 1.417-1.227l25.98 1.877l-1.961 27.162l-27.302-1.972z"/><path fill="#3be78a" d="m198.846 2.225l24.515 1.77a2.65 2.65 0 0 1 2.453 2.837l-2.339 32.39l-27.159-1.961z"/><path fill="#66cc5d" d="m169.921 23.615l30.467 2.2c.365.027.64.344.613.71l-2.197 30.434l-31.128-2.248z"/><path fill="#daff45" d="M196.5 34.69c.053-.73.687-1.28 1.418-1.227l25.981 1.877l-1.69 23.404l-27.303-1.972z"/><use href="#SVGsbIiYbWO"/><use href="#SVGsbIiYbWO"/><path fill="#414141" d="M186.978 30.043c-.486-1.198-1.238-2.101-2.124-2.55s-1.849-.415-2.72.096s-1.594 1.466-2.042 2.697s-.593 2.66-.409 4.036c.185 1.375.686 2.61 1.417 3.485c.73.876 1.643 1.337 2.578 1.303c.934-.033 1.832-.56 2.533-1.488c.702-.928 1.163-2.197 1.303-3.584l-3.932-.892z"/><path fill="#000" d="M13.447 44.262q-2.46 0-4.37-.51q-1.908-.55-3.308-1.484q-1.4-.976-2.29-2.121a8.5 8.5 0 0 1-1.315-2.504L5.6 36.456q.636 1.866 2.545 3.266q1.95 1.358 4.75 1.358q3.436 0 5.387-1.358q1.951-1.357 1.951-3.606q0-2.079-1.739-3.352q-1.739-1.315-4.58-2.036l-3.267-.849a14.6 14.6 0 0 1-3.69-1.485q-1.654-1.018-2.672-2.545q-.976-1.57-.976-3.734q0-4.03 2.588-6.279q2.63-2.29 7.55-2.291q2.927 0 5.047.976q2.121.933 3.436 2.418q1.357 1.442 1.909 3.14l-3.393 1.188q-.807-2.122-2.715-3.31q-1.91-1.23-4.624-1.23q-2.841 0-4.538 1.4q-1.654 1.358-1.654 3.734q0 2.036 1.315 3.14q1.314 1.06 3.435 1.569l3.266.806q4.327 1.018 6.617 3.394q2.334 2.334 2.333 5.05a8.1 8.1 0 0 1-1.187 4.284q-1.188 1.91-3.521 3.055q-2.29 1.103-5.726 1.103m23.552 0q-3.096 0-4.793-1.612t-1.697-4.54V15.92h3.394v21.85q0 1.613.848 2.504q.891.849 2.46.849q.51 0 .976-.128q.509-.17 1.314-.764l1.315 2.758q-1.103.721-1.993.976a5.7 5.7 0 0 1-1.824.297m-10.18-18.71v-3.013h13.446v3.013zm31.176 18.2l-.212-3.478v-7.722q0-2.503-.594-4.115q-.55-1.655-1.739-2.461q-1.146-.848-3.054-.848q-1.824 0-3.181.72q-1.315.722-2.163 2.25l-3.054-1.231a10.8 10.8 0 0 1 2.036-2.588a7.8 7.8 0 0 1 2.757-1.655q1.611-.594 3.648-.594q2.926 0 4.877 1.146q1.952 1.146 2.927 3.436q.976 2.25.933 5.643l-.042 11.498zm-6.362.51q-3.733 0-5.854-1.697q-2.079-1.74-2.078-4.794q0-3.224 2.12-4.922q2.164-1.74 6.024-1.74h6.065v2.843h-5.302q-2.97 0-4.241.976q-1.23.975-1.23 2.8q0 1.655 1.23 2.63q1.23.934 3.435.934q1.825 0 3.181-.848a5.6 5.6 0 0 0 2.079-2.291q.72-1.486.72-3.352h2.08q0 4.327-2.122 6.915q-2.12 2.546-6.108 2.546m22.895 0q-3.098 0-4.793-1.612q-1.698-1.612-1.697-4.54V15.92h3.393v21.85q0 1.613.849 2.504q.89.849 2.46.849q.509 0 .976-.128q.508-.17 1.314-.764l1.315 2.758q-1.103.721-1.993.976a5.7 5.7 0 0 1-1.824.297m-10.18-18.71v-3.013h13.446v3.013zm32.784 18.2l-.212-3.902V22.54h3.394v21.213zm-15.1-9.078V22.539h3.394v10.862zm3.394-1.273q0 3.139.72 4.794q.722 1.655 1.994 2.291q1.316.594 2.927.594q2.757 0 4.284-1.994q1.57-1.995 1.57-5.558h1.654q0 3.352-.976 5.77q-.975 2.418-2.842 3.691q-1.824 1.273-4.454 1.273q-3.86 0-6.108-2.376q-2.205-2.376-2.163-7.212zm28.233 10.861q-2.334 0-4.072-.679q-1.74-.72-2.927-1.867q-1.145-1.145-1.654-2.503l2.969-1.23q.721 1.443 2.163 2.333a5.93 5.93 0 0 0 3.182.891q1.992 0 3.351-.763q1.356-.806 1.357-2.249q0-1.316-1.018-2.121q-.977-.806-2.927-1.316l-2.036-.551q-2.885-.764-4.496-2.291q-1.612-1.57-1.612-3.522q0-3.012 1.951-4.667q1.993-1.697 5.896-1.697q1.866 0 3.393.552q1.527.551 2.63 1.57a5.8 5.8 0 0 1 1.612 2.333l-2.969 1.315q-.552-1.441-1.824-2.079q-1.273-.636-3.096-.636q-1.951 0-3.054.849q-1.103.805-1.103 2.29q0 .85.891 1.613q.932.72 2.714 1.188l2.121.551q2.078.51 3.478 1.528q1.4.976 2.121 2.248t.721 2.716q0 1.91-1.018 3.309t-2.757 2.164q-1.74.72-3.987.721m12.335-.51V22.54h3.181l.212 3.904v17.31zm14.888 0v-10.86l3.394-1.273v12.134zm0-10.86q0-3.14-.721-4.795q-.72-1.654-1.993-2.248q-1.273-.637-2.885-.637q-2.799 0-4.369 1.994q-1.527 1.953-1.527 5.558h-1.654q0-3.352.976-5.77q.975-2.418 2.799-3.69q1.866-1.275 4.496-1.274q3.86 0 6.066 2.376q2.248 2.376 2.206 7.213zm18.139 11.37q-3.097 0-5.514-1.4q-2.376-1.443-3.733-3.946q-1.357-2.502-1.357-5.77t1.314-5.77q1.357-2.504 3.733-3.903q2.418-1.443 5.472-1.443q3.138 0 5.514 1.443a9.55 9.55 0 0 1 3.733 3.903q1.357 2.503 1.357 5.77t-1.357 5.77q-1.315 2.503-3.691 3.946q-2.376 1.4-5.471 1.4m0-3.14q2.12 0 3.69-1.018t2.46-2.8q.933-1.782.933-4.158t-.933-4.158q-.89-1.782-2.503-2.8t-3.732-1.018q-2.079 0-3.69 1.018q-1.57 1.018-2.503 2.8q-.891 1.782-.891 4.158q0 2.334.891 4.158q.933 1.782 2.545 2.8q1.654 1.019 3.733 1.019m24.604 3.14q-3.096 0-5.514-1.4q-2.376-1.443-3.732-3.946q-1.358-2.502-1.358-5.77t1.315-5.77q1.357-2.504 3.733-3.903q2.418-1.443 5.472-1.443q3.138 0 5.514 1.443a9.54 9.54 0 0 1 3.732 3.903q1.358 2.503 1.358 5.77t-1.358 5.77q-1.314 2.503-3.69 3.946q-2.376 1.4-5.472 1.4m0-3.14q2.12 0 3.691-1.018q1.569-1.018 2.46-2.8q.933-1.782.933-4.158t-.933-4.158q-.89-1.782-2.503-2.8t-3.732-1.018q-2.079 0-3.691 1.018q-1.569 1.018-2.502 2.8q-.891 1.782-.891 4.158q0 2.334.891 4.158q.933 1.782 2.545 2.8q1.655 1.019 3.732 1.019m18.54-4.2l-2.163-2.333l11.282-12.05h4.284zm-3.309 6.83V14.055h3.394v29.699zm13.361 0l-8.059-12.176l2.206-2.375l10.053 14.552z"/></g></svg>

Cara memakai ikon Statusnook

React

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

<Icon icon="thesvg-color:statusnook" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:statusnook" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:statusnook" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--statusnook]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:statusnook"></div>

Web component

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

<iconify-icon icon="thesvg-color:statusnook"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/statusnook.svg" alt="Ikon Statusnook" width="24" height="24">

FAQ Ikon Statusnook

Apakah ikon Statusnook gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Statusnook di React?

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

Bagaimana cara menambahkan ikon Statusnook ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/statusnook.svg" alt="Ikon Statusnook">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →