ICONYZ
Türkçe
theSVG Color setinden Statusnook ikonu

Statusnook ikonu

thesvg-color:statusnook

Statusnook ikonu (thesvg-color:statusnook), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 226 × 59 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
theSVG Color
Yazar
thesvg.org
Lisans
MIT
Boyut
226 × 59
SVG indir

SVG kodu

<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>

Statusnook ikonu nasıl kullanılır

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 bileşeni

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

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

HTML görseli

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

Statusnook ikonu: sık sorulan sorular

Statusnook ikonu ticari kullanım için ücretsiz mi?

Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Statusnook ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="thesvg-color:statusnook" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Statusnook ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/statusnook.svg" alt="Statusnook ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: theSVG Color ikonları →