Ikon Do Not Disturb
fontisto:do-not-disturb
Ikon Do Not Disturb (fontisto:do-not-disturb) adalah ikon SVG gratis dari set Fontisto karya Kenan Gündoğan. Ikon ini digambar pada grid 10 × 24. Fontisto 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
- Fontisto
- Pembuat
- Kenan Gündoğan
- Lisensi
- MIT
- Ukuran
- 10 × 24
- Kategori
- Perjalanan
- Tag
- donot, notdisturb, donotdisturb
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24"><path fill="currentColor" d="M9.29 20.328c0-.11-.089-.177-.266-.177H8.87v.376h.11c.199 0 .31-.089.31-.199m-.287.442H8.87v.442h.133c.155 0 .31-.066.31-.221c.022-.155-.133-.222-.31-.222zm-1.371-.619c-.089 0-.133 0-.155.022v.442h.133c.177 0 .287-.089.287-.221c0-.178-.088-.244-.265-.244zm-6.526 0c-.089 0-.133 0-.155.022v1.04h.133a.486.486 0 0 0 .532-.556v.003a.466.466 0 0 0-.511-.51h.002zm4.361-3.539c-.509 0-.8.465-.8 1.084s.31 1.062.818 1.062s.8-.465.8-1.084c-.026-.575-.314-1.062-.818-1.062"/><path fill="currentColor" d="M5.154 0C2.301 0 0 1.99 0 4.446v.022a1.57 1.57 0 0 0 3.14 0v-.01c0-.308-.089-.595-.244-.837l.004.006a2.474 2.474 0 0 1 4.686 1.082v.001a2.49 2.49 0 0 1-2.201 2.455l-.011.001c-.133.044-.929.133-1.15.177h-.022C1.792 7.741 0 9.555 0 11.745v8.206c0 2.234 1.593 4.048 3.562 4.048h3.185c1.969 0 3.562-1.814 3.562-4.048V4.445c0-2.456-2.301-4.446-5.154-4.446zM.598 10.927a8.6 8.6 0 0 1 1.449-.088h-.009a2.97 2.97 0 0 1 1.935.515l-.01-.007a2.06 2.06 0 0 1 .8 1.776v-.006a2.38 2.38 0 0 1-.773 1.9l-.002.002a3.27 3.27 0 0 1-2.18.597l.012.001c-.553 0-.929-.044-1.194-.066v-4.623zm.682 7.411v.974H.598v-3.231h.885l.686 1.172c.187.309.372.673.531 1.051l.021.057h.022c-.042-.389-.066-.84-.066-1.297v-.032v.002v-.929h.684v3.207h-.8l-.702-1.238a9 9 0 0 1-.556-1.07l-.023-.058h-.019c.019.398.019.862.019 1.394zm.442 2.964a1.2 1.2 0 0 1-.663.201l-.07-.002h.003c-.177 0-.31-.022-.42-.022v-1.57a3 3 0 0 1 .491-.023h-.005a.95.95 0 0 1 .666.178l-.003-.002a.63.63 0 0 1 .265.578v-.003a.84.84 0 0 1-.262.663zm.863.176h-.35v-1.593h.354zm.708.023h-.007q-.237-.002-.442-.092l.007.003l.066-.287a.95.95 0 0 0 .4.089c.177 0 .24-.066.24-.177c0-.089-.066-.155-.266-.221c-.266-.089-.442-.24-.442-.465c0-.266.221-.486.598-.486h.015c.14 0 .273.033.391.091l-.005-.002l-.086.286a.9.9 0 0 0-.331-.066H3.43c-.155 0-.24.066-.24.155c0 .11.089.155.287.221c.287.11.42.24.42.465c.042.266-.157.486-.599.486zm2.013-1.305h-.439v1.28h-.354v-1.28h-.421v-.31h1.217zm1.482.598c0 .486-.24.73-.663.73c-.4 0-.64-.221-.64-.73v-.886h.355v.907c0 .266.11.42.287.42c.199 0 .287-.133.287-.42v-.907h.354v.885zm-1.371-1.44l-.06.001a1.515 1.515 0 0 1-1.51-1.643v.006a1.586 1.586 0 0 1 1.583-1.68h.032h-.002l.072-.002a1.526 1.526 0 0 1 1.523 1.622v-.004a1.57 1.57 0 0 1-1.557 1.705l-.084-.002h.004zm2.521 2.123a2 2 0 0 1-.108-.363l-.002-.013c-.044-.199-.11-.24-.266-.266h-.108v.619H7.1v-1.546c.114-.015.246-.024.38-.024l.112.002h-.005a.77.77 0 0 1 .511.135l-.003-.002a.4.4 0 0 1 .156.317v.016v-.001a.44.44 0 0 1-.284.399l-.003.001a.43.43 0 0 1 .22.284l.001.003c.043.178.088.326.142.47l-.009-.028h-.376zm1.593-.133a1 1 0 0 1-.623.155h.004c-.177 0-.31-.022-.4-.022v-1.569a2.5 2.5 0 0 1 .47-.022h-.005a.9.9 0 0 1 .469.091l-.005-.002a.38.38 0 0 1 .199.309v.001a.37.37 0 0 1-.263.331l-.003.001c.178.037.31.193.31.379l-.001.022v-.001a.31.31 0 0 1-.149.329l-.001.001zm.199-4.645h-.905v2.588h-.752v-2.586h-.885v-.621h2.544zm-2.298-1.061h-.024A2.197 2.197 0 0 1 5.22 13.24l-.001.009a2.27 2.27 0 0 1 2.261-2.455h.018h-.001h.047a2.194 2.194 0 0 1 2.187 2.375l.001-.008a2.234 2.234 0 0 1-2.221 2.478l-.084-.002h.004z"/><path fill="currentColor" d="M7.476 11.635c-.708 0-1.128.686-1.128 1.593c0 .929.442 1.57 1.15 1.57s1.128-.686 1.128-1.593c-.022-.841-.42-1.57-1.15-1.57m-3.87 1.504a1.34 1.34 0 0 0-1.489-1.482l.006-.001l-.056-.001a2 2 0 0 0-.444.047l.014-.003v3.076a2 2 0 0 0 .38.022h-.004a1.475 1.475 0 0 0 1.592-1.667z"/></svg>Cara memakai ikon Do Not Disturb
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:do-not-disturb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:do-not-disturb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:do-not-disturb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--do-not-disturb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:do-not-disturb"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:do-not-disturb"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fontisto/do-not-disturb.svg" alt="Ikon Do Not Disturb" width="24" height="24">Ikon terkait di Fontisto
Ikon Do Not Disturb di set ikon lain
FAQ Ikon Do Not Disturb
Apakah ikon Do Not Disturb gratis untuk penggunaan komersial?
Ya. Fontisto icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Do Not Disturb di React?
Pasang @iconify/react lalu render <Icon icon="fontisto:do-not-disturb" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Do Not Disturb ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fontisto/do-not-disturb.svg" alt="Ikon Do Not Disturb">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.