Stencilbox ikonu
selfhst:stencilbox
Stencilbox ikonu (selfhst:stencilbox), selfh.st/icons setinden ücretsiz bir SVG ikondur (yapımcı: selfh.st). 512 × 512 ızgara üzerinde çizilmiştir. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla 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
- selfh.st/icons
- Yazar
- selfh.st
- Lisans
- CC-BY-4.0
- Boyut
- 512 × 512
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#edf607" d="M96.4 8.7h319.2c48.4 0 87.7 39.3 87.7 87.7v319.2c0 48.4-39.3 87.7-87.7 87.7H96.4C48 503.3 8.7 464 8.7 415.6V96.4c0-48.5 39.2-87.7 87.7-87.7"/><path fill="#1c9509" d="M167.2 118.4h177.6c26.9 0 48.8 21.8 48.8 48.8v177.6c0 26.9-21.8 48.8-48.8 48.8H167.2c-26.9 0-48.8-21.8-48.8-48.8V167.2c0-26.9 21.9-48.8 48.8-48.8"/><path d="M292.3 97.3c.4-3.1 1.3-6.1 2.7-8.8c1-2 3.4-2.8 5.4-1.8s2.8 3.4 1.8 5.4s-1.7 4.2-2 6.4c-.3 2-2 3.5-4 3.5h-.5c-2.2-.5-3.7-2.5-3.4-4.7m60.4-16.7h8c2.2 0 4-1.8 4-4s-1.8-4-4-4h-8c-2.2 0-4 1.8-4 4s1.8 4 4 4m32 0h8c2.2 0 4-1.8 4-4s-1.8-4-4-4h-8c-2.2 0-4 1.8-4 4s1.8 4 4 4m-67.4.2h.6c.9-.1 1.9-.2 2.9-.2h8c2.2 0 4-1.8 4-4s-1.8-4-4-4h-8c-1.3 0-2.7.1-4 .3c-2.2.3-3.7 2.3-3.4 4.5c.2 1.9 1.9 3.4 3.9 3.4M430 207.3c.6.4 1.3.6 2 .6c1.4 0 2.7-.7 3.5-2c1.6-2.7 2.7-5.6 3.3-8.6c.5-2.2-.9-4.3-3.1-4.7c-2.2-.5-4.3.9-4.7 3.1c-.5 2.2-1.3 4.3-2.4 6.2c-1.1 1.8-.5 4.2 1.4 5.4M415.7 81.2c2.2.5 4.2 1.4 6.1 2.6q1.05.6 2.1.6c1.3 0 2.6-.7 3.4-1.9c1.2-1.9.6-4.3-1.2-5.5c-2.6-1.7-5.5-2.9-8.5-3.6c-2.1-.5-4.3.8-4.8 2.9c-.6 2.2.8 4.3 2.9 4.9M80.9 86.7c-2-1-4.4-.2-5.4 1.8c-1.4 2.8-2.3 5.8-2.7 8.8c-.3 2.2 1.2 4.2 3.4 4.5h.5c2 0 3.7-1.5 4-3.5c.3-2.2 1-4.4 2-6.4c1-1.8.2-4.2-1.8-5.2m299.5 344.7h-8c-2.2 0-4 1.8-4 4s1.8 4 4 4h8c2.2 0 4-1.8 4-4s-1.7-4-4-4m-32 0h-8c-2.2 0-4 1.8-4 4s1.8 4 4 4h8c2.2 0 4-1.8 4-4s-1.7-4-4-4m63.8 0c-.5 0-1 .1-1.4.1h-6.3c-2.2 0-4 1.8-4 4s1.8 4 4 4h6.3c.7 0 1.3 0 2-.1c2.2-.2 3.9-2.1 3.7-4.3s-2.1-3.8-4.3-3.7m-95-.3c-2.2-.4-4.3-1.1-6.3-2.2c-1.9-1.1-4.4-.3-5.4 1.6c-1.1 1.9-.3 4.4 1.6 5.4c2.7 1.5 5.7 2.5 8.7 3c.2 0 .5.1.7.1c1.9 0 3.6-1.4 3.9-3.3c.4-2.1-1.1-4.2-3.2-4.6m-100.9-19.2c-2.2-.5-4.3.9-4.7 3.1c-.5 2.2-1.3 4.3-2.4 6.2s-.5 4.4 1.4 5.5c.6.4 1.3.6 2 .6c1.4 0 2.7-.7 3.5-2c1.6-2.7 2.7-5.6 3.3-8.6c.4-2.2-.9-4.4-3.1-4.8m209.8-115.4c-2.6-1.7-5.5-2.9-8.5-3.6c-2.1-.5-4.3.8-4.8 2.9s.8 4.3 2.9 4.8c2.2.5 4.2 1.4 6.1 2.6q1.05.6 2.1.6c1.3 0 2.6-.7 3.4-1.9c1.2-1.8.7-4.3-1.2-5.4M192.7 431.4c-.5 0-1 .1-1.4.1H185c-2.2 0-4 1.8-4 4s1.8 4 4 4h6.3c.7 0 1.3 0 2-.1c2.2-.2 3.9-2.1 3.7-4.3s-2.1-3.8-4.3-3.7m242.7-303c-2.2 0-4 1.8-4 4v8c0 2.2 1.8 4 4 4s4-1.8 4-4v-8c0-2.2-1.7-4-4-4m0 32c-2.2 0-4 1.8-4 4v8c0 2.2 1.8 4 4 4s4-1.8 4-4v-8c0-2.2-1.7-4-4-4m4-60.1c-.1-2.2-2-3.9-4.1-3.9c-2.2.1-3.9 1.9-3.9 4.1v7.8c0 2.2 1.8 4 4 4s4-1.8 4-4zm-4.1 215.6c-2.2.1-3.9 1.9-3.9 4.1v7.8c0 2.2 1.8 4 4 4s4-1.8 4-4v-8.1c-.1-2.2-1.9-3.9-4.1-3.8m.1 64c-2.2 0-4 1.8-4 4v8c0 2.2 1.8 4 4 4s4-1.8 4-4v-8c0-2.3-1.7-4-4-4m.3 32c-2.2-.5-4.3.9-4.7 3.1c-.5 2.2-1.3 4.3-2.4 6.2s-.5 4.4 1.4 5.5c.6.4 1.3.6 2 .6c1.4 0 2.7-.7 3.5-2c1.6-2.7 2.7-5.6 3.3-8.6c.5-2.2-.9-4.4-3.1-4.8m-.3-64c-2.2 0-4 1.8-4 4v8c0 2.2 1.8 4 4 4s4-1.8 4-4v-8c0-2.3-1.7-4-4-4M80.9 306.1c-2-1-4.4-.2-5.4 1.8c-1.4 2.8-2.3 5.8-2.7 8.8c-.3 2.2 1.2 4.2 3.4 4.5h.5c2 0 3.7-1.5 4-3.5c.3-2.2 1-4.4 2-6.4c1-1.8.2-4.2-1.8-5.2M161 431.4h-8c-2.2 0-4 1.8-4 4s1.8 4 4 4h8c2.2 0 4-1.8 4-4s-1.8-4-4-4M76.7 197.9h.4c2.2-.2 3.8-2.2 3.6-4.4c-.1-.7-.1-1.4-.1-2.2v-5.4c0-2.2-1.8-4-4-4s-4 1.8-4 4v5.4c0 1 .1 2 .2 3c.1 2 1.9 3.6 3.9 3.6m-.1-32c2.2 0 4-1.8 4-4v-8c0-2.2-1.8-4-4-4s-4 1.8-4 4v8c0 2.2 1.8 4 4 4m11 50.7c2.7 1.5 5.7 2.5 8.7 3c.2 0 .5.1.7.1c1.9 0 3.6-1.4 3.9-3.3c.4-2.2-1.1-4.2-3.3-4.6s-4.3-1.1-6.3-2.2c-1.9-1.1-4.4-.3-5.4 1.6s-.2 4.3 1.7 5.4m77.7-136h8c2.2 0 4-1.8 4-4s-1.8-4-4-4h-8c-2.2 0-4 1.8-4 4s1.8 4 4 4m-32 0h8c2.2 0 4-1.8 4-4s-1.8-4-4-4h-8c-2.2 0-4 1.8-4 4s1.8 4 4 4m-35.5.2h.6c.9-.1 1.9-.2 2.9-.2h8c2.2 0 4-1.8 4-4s-1.8-4-4-4h-8c-1.3 0-2.7.1-4 .3c-2.2.3-3.7 2.3-3.4 4.5c.3 1.9 2 3.4 3.9 3.4m-21.2 53.1c2.2 0 4-1.8 4-4v-8c0-2.2-1.8-4-4-4s-4 1.8-4 4v8c0 2.2 1.8 4 4 4m21.1 297.2c-2.2-.4-4.3-1.1-6.3-2.2c-1.9-1.1-4.4-.3-5.4 1.6c-1.1 1.9-.3 4.4 1.6 5.4c2.7 1.5 5.7 2.5 8.7 3c.2 0 .5.1.7.1c1.9 0 3.6-1.4 3.9-3.3c.4-2.1-1-4.2-3.2-4.6m-21.1-77.8c2.2 0 4-1.8 4-4v-8c0-2.2-1.8-4-4-4s-4 1.8-4 4v8c0 2.2 1.7 4 4 4m52.4 78.1h-8c-2.2 0-4 1.8-4 4s1.8 4 4 4h8c2.2 0 4-1.8 4-4s-1.8-4-4-4m67.3-350.2c2.2.5 4.2 1.4 6.1 2.6q1.05.6 2.1.6c1.3 0 2.6-.7 3.4-1.9c1.2-1.9.6-4.3-1.2-5.5c-2.6-1.7-5.5-2.9-8.5-3.6c-2.1-.5-4.3.8-4.8 2.9s.7 4.3 2.9 4.9M76.6 385.3c2.2 0 4-1.8 4-4v-8c0-2.2-1.8-4-4-4s-4 1.8-4 4v8c0 2.2 1.7 4 4 4m4 25.4v-5.4c0-2.2-1.8-4-4-4s-4 1.8-4 4v5.4c0 1 .1 2 .2 3c.2 2.1 1.9 3.6 4 3.6h.4c2.2-.2 3.8-2.2 3.6-4.4c-.2-.7-.2-1.5-.2-2.2m321.7-65.9c0 31.7-25.8 57.5-57.5 57.5h-46.2c.8.7 1.4 1.8 1.4 3v5.4c0 .7 0 1.4.1 2.2c.2 2.2-1.4 4.2-3.6 4.4h-.4c-2 0-3.8-1.5-4-3.6c-.1-1-.2-2-.2-3v-5.4c0-1.2.5-2.3 1.4-3H167.2c-31.7 0-57.5-25.8-57.5-57.5v-44.9h-8.4c-1 0-1.9.1-2.9.2h-.6c-2 0-3.7-1.4-4-3.5c-.3-2.2 1.2-4.2 3.4-4.5c1.3-.2 2.6-.3 4-.3h8.4V167.2c0-31.7 25.8-57.5 57.5-57.5h45c-.1-.4-.2-.8-.2-1.3v-7.8c-.1-2.2 1.7-4.1 3.9-4.1c2.2-.1 4.1 1.7 4.1 3.9v8.1c0 .5-.1.9-.2 1.3h125c31.7 0 57.5 25.8 57.5 57.5v45.4c.6-.4 1.4-.6 2.2-.6h7.7c2.2-.2 4.1 1.5 4.3 3.7s-1.5 4.1-3.7 4.3c-.7 0-1.3.1-2 .1h-6.3c-.8 0-1.5-.2-2.2-.6v125.2zm-17.5-177.6c0-22.1-18-40.1-40.1-40.1H167.2c-22.1 0-40.1 18-40.1 40.1v177.6c0 22.1 18 40.1 40.1 40.1h177.6c22.1 0 40.1-18 40.1-40.1V167.2zM415.6 512H96.4C43.2 512 0 468.8 0 415.6V96.4C0 43.2 43.2 0 96.4 0h319.2C468.8 0 512 43.2 512 96.4v319.2c0 53.2-43.2 96.4-96.4 96.4M96.4 17.4c-43.6 0-79 35.4-79 79v319.2c0 43.6 35.4 79 79 79h319.2c43.6 0 79-35.4 79-79V96.4c0-43.6-35.4-79-79-79z"/></svg>Stencilbox ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:stencilbox" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:stencilbox" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:stencilbox" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--stencilbox]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:stencilbox"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:stencilbox"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/stencilbox.svg" alt="Stencilbox ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Stencilbox ikonu: sık sorulan sorular
Stencilbox ikonu ticari kullanım için ücretsiz mi?
Evet. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.
Stencilbox ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:stencilbox" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Stencilbox 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/selfhst/stencilbox.svg" alt="Stencilbox ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.