Ikon Flatnotes
thesvg-color:flatnotes
Ikon Flatnotes (thesvg-color:flatnotes) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 197 × 44. 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
- 197 × 44
- Tag
- flatnote
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="197" height="44" viewBox="0 0 197 44"><g fill="none"><rect width="36" height="36" y="4" fill="#f8a66b" rx="4"/><path fill="#fff" d="M9.904 32.88q-.225 0-.48-.32a3.4 3.4 0 0 1-.384-.736q-.128-.416-.128-.672q.065-1.247.576-2.816q.16-.448.48-.384q.064-.544.128-1.376l.224-1.92q-.16-.448-.672-.448q-.128 0-.96.16q-.8.16-2.368.48q-.032 0-.064.032a.3.3 0 0 1-.096-.032q-.32 0-.32-.384q0-.448.416-.64l-.032.032q.48-.224 2.336-.672q1.376-.352 2.208-.896l.192-1.632q.128-1.184.416-2.432a18 18 0 0 1 .8-2.592q1.056-2.848 2.496-4.576q1.215-1.408 2.432-1.408q1.056 0 1.856.992a.4.4 0 0 1 .128.288q0 .352-.384.352a.49.49 0 0 1-.384-.192q-.512-.608-1.12-.608q-1.44 0-3.04 3.168q-.64 1.28-1.12 3.04q-.48 1.728-.736 3.904l-.032.544l-.064.864a6.9 6.9 0 0 0 2.048.288l2.048-.064q.96.032.96.64q0 .544-.512.544h-2.496q-1.344.096-2.368.736q-.96 7.425-1.632 8.48q-.16.256-.352.256m7.935-1.024q-.736 0-1.152-.192q-.384-.192-.384-.416q0-.192.192-.352q.225-.16.736-.192a86 86 0 0 1 1.792-.064q1.152-.032 2.528-.064q1.408-.032 2.752-.032h1.376q.672 0 1.184.032q.545.032.8.096q.256.064.256.352q0 .352-.288.448a2.3 2.3 0 0 1-.704.096q-.735 0-1.92.032a84 84 0 0 1-2.528.096q-1.344.064-2.592.096a40 40 0 0 1-2.048.064"/><path fill="#9cafbf" d="M57.506 15.364v2.557H46.92v-2.557zM50.09 35V12.653q0-1.687.792-2.812a4.9 4.9 0 0 1 2.059-1.688a6.5 6.5 0 0 1 2.672-.562q1.111 0 1.815.179q.703.18 1.048.332l-.869 2.608a15 15 0 0 0-.64-.192q-.396-.115-1.048-.115q-1.495 0-2.16.755q-.652.755-.652 2.211V35zM64.75 8.818V35h-3.017V8.818zM76.055 35.46q-1.866 0-3.387-.703q-1.522-.715-2.417-2.058q-.894-1.355-.895-3.273q0-1.687.665-2.736a4.7 4.7 0 0 1 1.777-1.662q1.113-.6 2.455-.894a30 30 0 0 1 2.723-.486q1.79-.231 2.902-.345q1.125-.128 1.636-.422q.524-.294.524-1.023v-.102q0-1.893-1.035-2.94q-1.023-1.05-3.107-1.049q-2.16 0-3.388.946q-1.227.945-1.725 2.02l-2.864-1.023q.766-1.79 2.046-2.787a7.7 7.7 0 0 1 2.812-1.406a11.7 11.7 0 0 1 3.017-.409q.946 0 2.173.23a7 7 0 0 1 2.391.908q1.163.69 1.93 2.084q.767 1.393.767 3.733V35h-3.017v-2.66h-.153q-.308.64-1.023 1.369t-1.905 1.24q-1.189.51-2.902.511m.46-2.71q1.791 0 3.018-.703q1.239-.703 1.866-1.815q.64-1.113.64-2.34v-2.761q-.193.23-.844.422q-.639.178-1.483.32q-.832.126-1.624.23q-.78.089-1.266.153q-1.176.153-2.198.498q-1.011.332-1.637 1.01q-.613.665-.613 1.816q0 1.572 1.163 2.377q1.176.793 2.979.793m22.587-17.386v2.557H88.926v-2.557zm-7.21-4.705h3.017v18.716q0 1.278.37 1.918q.384.626.972.843q.6.205 1.266.205q.498 0 .818-.051l.511-.102l.614 2.71q-.307.114-.857.23q-.549.128-1.393.128a6.1 6.1 0 0 1-2.506-.55a5 5 0 0 1-2.02-1.675q-.792-1.125-.792-2.838zm14.765 12.529V35h-3.017V15.364h2.915v3.068h.256a5.6 5.6 0 0 1 2.096-2.404q1.407-.92 3.631-.92q1.995 0 3.49.818q1.496.805 2.327 2.455q.831 1.635.831 4.142V35h-3.017V22.727q0-2.313-1.202-3.605q-1.202-1.305-3.298-1.304q-1.445 0-2.583.627q-1.125.626-1.777 1.828t-.652 2.915m26.019 12.221q-2.66 0-4.666-1.265q-1.994-1.266-3.119-3.542q-1.113-2.276-1.113-5.318q0-3.067 1.113-5.356q1.124-2.289 3.119-3.554q2.007-1.266 4.666-1.266t4.654 1.266q2.006 1.265 3.119 3.554q1.125 2.287 1.125 5.356q0 3.043-1.125 5.318q-1.113 2.276-3.119 3.542q-1.995 1.265-4.654 1.265m0-2.71q2.02 0 3.324-1.036q1.304-1.035 1.93-2.723q.627-1.687.627-3.656q0-1.968-.627-3.669q-.626-1.7-1.93-2.748q-1.303-1.05-3.324-1.049q-2.019 0-3.324 1.048q-1.304 1.05-1.93 2.75q-.627 1.7-.627 3.668t.627 3.656t1.93 2.723q1.305 1.036 3.324 1.036m22.043-17.335v2.557h-10.176v-2.557zm-7.21-4.705h3.017v18.716q0 1.278.371 1.918q.383.626.971.843q.601.205 1.266.205q.498 0 .818-.051l.511-.102l.614 2.71q-.307.114-.856.23q-.55.128-1.394.128a6.1 6.1 0 0 1-2.506-.55a5 5 0 0 1-2.02-1.675q-.792-1.125-.792-2.838zm19.77 24.75q-2.838 0-4.896-1.253q-2.045-1.265-3.158-3.528q-1.098-2.275-1.099-5.293q0-3.017 1.099-5.318q1.113-2.314 3.094-3.605q1.995-1.305 4.654-1.304q1.533 0 3.029.511t2.723 1.662q1.228 1.139 1.956 3.017q.729 1.88.729 4.628v1.279h-15.136v-2.608h12.068q0-1.662-.665-2.966a5 5 0 0 0-1.866-2.059q-1.201-.753-2.838-.754q-1.803 0-3.12.895a5.9 5.9 0 0 0-2.007 2.301a6.76 6.76 0 0 0-.703 3.043v1.739q0 2.224.767 3.77q.78 1.535 2.161 2.34q1.38.793 3.208.793q1.19 0 2.148-.332a4.6 4.6 0 0 0 1.675-1.023q.703-.69 1.087-1.713l2.914.818a6.45 6.45 0 0 1-1.547 2.608q-1.086 1.111-2.684 1.738q-1.599.614-3.593.614m26.63-15.648l-2.71.767a5 5 0 0 0-.755-1.316q-.486-.652-1.329-1.074q-.844-.423-2.161-.422q-1.803 0-3.004.83q-1.19.818-1.189 2.085q0 1.125.818 1.777q.819.651 2.557 1.086l2.915.716q2.633.639 3.924 1.956q1.292 1.304 1.292 3.362q0 1.688-.972 3.017q-.958 1.33-2.685 2.097q-1.725.767-4.014.767q-3.004 0-4.973-1.304t-2.493-3.81l2.864-.716q.409 1.586 1.547 2.378q1.15.793 3.004.793q2.11 0 3.35-.895q1.252-.908 1.252-2.173q0-1.023-.716-1.713q-.716-.703-2.198-1.049l-3.273-.767q-2.697-.639-3.963-1.981q-1.253-1.356-1.253-3.388q0-1.662.933-2.94q.946-1.28 2.57-2.007q1.637-.729 3.707-.729q2.915 0 4.577 1.278q1.674 1.28 2.378 3.375"/></g></svg>Cara memakai ikon Flatnotes
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:flatnotes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:flatnotes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:flatnotes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--flatnotes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:flatnotes"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:flatnotes"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/flatnotes.svg" alt="Ikon Flatnotes" width="24" height="24">Ikon Flatnotes di set ikon lain
FAQ Ikon Flatnotes
Apakah ikon Flatnotes 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 Flatnotes di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:flatnotes" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Flatnotes ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/flatnotes.svg" alt="Ikon Flatnotes">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.