Clean Slate ikonu
selfhst:clean-slate
Clean Slate ikonu (selfhst:clean-slate), 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
- Etiketler
- cleanslate
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#00838f" d="M503.5 256c.1 136.6-110.6 247.4-247.2 247.5h-.3c-4.3 0-8.5-.1-12.8-.3C111.7 496.3 8.6 387.7 8.5 256C8.5 124.4 111.6 15.7 243.1 8.9h.2c4.2-.3 8.4-.3 12.7-.3C392.7 8.5 503.4 119.3 503.5 256c0-.1 0 0 0 0"/><path fill="#00bcd4" d="M477.9 256c0 29.3-5.2 58.4-15.4 85.8c-1.4 4-3 8-4.7 11.9c-37.2 86.6-120.4 144.6-214.5 149.4h-.6l-7.7-.5c-2.6-.3-5-.5-7.6-.8c-1.8-.3-3.6-.4-5.5-.8c-1.8-.2-3.7-.4-5.5-.8q-4.2-.6-8.4-1.5c-3.8-.8-7.7-1.6-11.4-2.6c-2-.4-3.9-.9-5.9-1.5c-.9-.3-1.8-.5-2.6-.8c-4.7-1.3-9.4-2.8-13.9-4.4c-9.1-3.2-17.9-6.9-26.5-11.2c-2.1-.9-4.3-2-6.4-3.2c-3.2-1.7-6.3-3.4-9.4-5.2c-2-1.2-4.1-2.4-6.1-3.7c-3.1-1.9-6.1-3.8-9-5.8c-2-1.3-3.9-2.7-5.8-4.1c-1.6-1.2-3.2-2.3-4.8-3.6c-1.5-1-2.9-2.1-4.3-3.2c-1.5-1.2-3-2.4-4.5-3.7c-10.1-8.4-19.4-17.7-28.1-27.6c-1.9-2.1-3.7-4.3-5.5-6.5c-1.7-2-3.3-4.2-5-6.2c-12.2-16.1-22.4-33.5-30.4-52.1c-31.7-74-25.3-159.3 17.5-228S162.3 13.1 243.1 8.9h.2C374.8 15.7 477.9 124.3 477.9 256"/><path fill="#fdd834" d="M384 298.7q0 7.35-.9 14.7H128.9q-.9-7.35-.9-14.7c.1-65.6 49.7-120.6 114.9-127.3c.2-.1.3 0 .5 0c4.2-.5 8.4-.7 12.5-.7c70.8 0 128.1 57.3 128.1 128"/><path fill="#ffeb3a" d="M358.4 298.7q0 7.35-.9 14.7H128.9q-.9-7.35-.9-14.7c.1-65.6 49.7-120.6 114.9-127.3c.2-.1.3 0 .5 0c65.3 6.7 114.9 61.7 115 127.3"/><path fill="#ffb301" d="M483.4 353.7C444.3 444.6 354.9 503.5 256 503.5c-4.3 0-8.5-.1-12.7-.3c94.1-4.8 177.3-62.8 214.5-149.4c1.7-3.9 3.3-7.9 4.7-11.9c7.4 3.7 14.3 7.7 20.9 11.8"/><path fill="#fec108" d="M462.5 341.8c-1.4 4-3 8-4.7 11.9c-37.2 86.6-120.4 144.6-214.5 149.4h-.6l-7.7-.5c-2.6-.3-5-.5-7.6-.8c-1.8-.3-3.6-.4-5.5-.8c-1.8-.2-3.7-.4-5.5-.8q-4.2-.6-8.4-1.5c-3.8-.8-7.7-1.6-11.4-2.6c-2-.4-3.9-.9-5.9-1.5c-.9-.3-1.8-.5-2.6-.8c-4.7-1.3-9.4-2.8-13.9-4.4c-9.1-3.2-17.9-6.9-26.5-11.2c-2.1-.9-4.3-2-6.4-3.2c-3.2-1.7-6.3-3.4-9.4-5.2c-2-1.2-4.1-2.4-6.1-3.7c-3.1-1.9-6.1-3.8-9-5.8c-2-1.3-3.9-2.7-5.8-4.1c-1.6-1.2-3.2-2.3-4.8-3.6c-1.5-1-2.9-2.1-4.3-3.2c-1.5-1.2-3-2.4-4.5-3.7c-10.1-8.4-19.4-17.7-28.1-27.6c-1.9-2.1-3.7-4.3-5.5-6.5c-1.7-2-3.3-4.2-5-6.2c-12.2-16.1-22.4-33.5-30.4-52.1c53.2-33.5 135.3-55 227.4-55c81 .4 154.1 16.9 206.7 43.5"/><path d="M256 0C169.7 0 89.2 43.4 41.9 115.6s-55 163.4-20.6 242.5c0 0 0 .1.1.1C62 451.6 154.2 512 256 512s194-60.4 234.6-153.7c0 0 0-.1.1-.1c34.5-79.1 26.8-170.3-20.6-242.5S342.3 0 256 0m0 494.9c-92.8-.1-177.1-53.8-216.4-137.8c54-31.7 132.3-49.9 216.4-49.9s162.4 18.1 216.4 49.9c-39.3 84-123.6 137.7-216.4 137.8M136.5 298.7c0-66 53.5-119.5 119.5-119.5s119.5 53.5 119.5 119.5c0 1.4-.1 2.7-.1 4.1c-39.2-8.5-79.2-12.8-119.4-12.6c-40.1-.1-80.1 4.1-119.4 12.6c0-1.4-.1-2.7-.1-4.1m342.7 42.5c-27.3-15.2-56.5-26.8-86.9-34.4c.2-2.7.2-5.4.2-8.2c0-75.4-61.1-136.5-136.5-136.5s-136.5 61.1-136.5 136.5c0 2.8.1 5.5.2 8.2c-30.3 7.6-59.6 19.1-86.9 34.4c-34.2-89.5-11.6-190.8 57.4-257.3S261.3-1.4 349.5 36.1S494.9 160.2 494.9 256c0 29.1-5.3 58-15.7 85.2M264.5 204.8c0-4.7-3.8-8.5-8.5-8.5c-34.6 0-66.9 17.5-85.8 46.5c-2.6 3.9-1.5 9.2 2.4 11.8c1.3.8 2.7 1.3 4.2 1.4c3 .2 6-1.3 7.6-3.9c15.7-24.2 42.6-38.8 71.5-38.8c4.8 0 8.6-3.8 8.6-8.5M256 93.9c-4.7 0-8.5 3.8-8.5 8.5v34.1c0 4.7 3.8 8.5 8.5 8.5s8.5-3.8 8.5-8.5v-34.1c0-4.7-3.8-8.5-8.5-8.5m-59.1 17.4c-1.6-4.4-6.5-6.7-10.9-5.1s-6.7 6.5-5.1 10.9l11.7 32.1c1.2 3.4 4.4 5.6 8 5.6c1 0 2-.2 2.9-.5c4.4-1.6 6.7-6.5 5.1-10.9zm-60.5 31.5c-3-3.6-8.4-4.1-12-1.1s-4.1 8.4-1.1 12l21.9 26.2c3 3.6 8.4 4.1 12 1.1s4.1-8.4 1.1-12zm-16.5 67.4l-29.6-17.1c-4.1-2.4-9.3-1-11.7 3.1s-1 9.3 3.1 11.7h.1l29.6 17.1c4.1 2.4 9.3 1 11.7-3.1c2.3-4 .9-9.3-3.2-11.7m-22.1 51.9l-33.6-5.9c-4.6-.8-9.1 2.3-9.9 6.9s2.3 9.1 6.9 9.9l33.6 5.9c4.6.8 9.1-2.3 9.8-7c.9-4.6-2.2-9-6.8-9.8m309.5 9.9c.8 4.6 5.2 7.7 9.9 6.9l33.6-5.9c4.6-.8 7.7-5.3 6.9-9.9s-5.2-7.7-9.8-6.9l-33.6 5.9c-4.8.8-7.9 5.3-7 9.9m-15.2-61.8c-4.1 2.4-5.5 7.6-3.1 11.7s7.6 5.5 11.7 3.1l29.6-17.1c4.1-2.4 5.5-7.6 3.1-11.7s-7.6-5.5-11.7-3.1zm-4.5-68.4c-3.6-3-9-2.6-12 1L353.7 169c-3.1 3.6-2.6 9 .9 12c3.6 3.1 9 2.6 12-.9l.1-.1l21.9-26.2c3.1-3.6 2.7-9-1-12M326 106.2c-4.4-1.6-9.3.7-10.9 5.1l-11.7 32.1c-1.6 4.4.7 9.3 5.1 10.9c.9.3 1.9.5 2.9.5c3.6 0 6.8-2.2 8-5.6l11.7-32.1c1.7-4.4-.6-9.3-5.1-10.9c.1 0 0 0 0 0"/></svg>Clean Slate ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:clean-slate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:clean-slate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:clean-slate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--clean-slate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:clean-slate"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:clean-slate"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/clean-slate.svg" alt="Clean Slate ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Clean Slate ikonu: sık sorulan sorular
Clean Slate 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.
Clean Slate ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:clean-slate" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Clean Slate 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/clean-slate.svg" alt="Clean Slate ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.