Ikon Rollbar
logos:rollbar
Ikon Rollbar (logos:rollbar) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 112. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 112
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="112" viewBox="0 0 512 112"><path fill="#3c72ff" d="M133.6 3.316a3.6 3.6 0 0 0-.064-.64c0-.064-.032-.122-.051-.186c-.02-.064-.083-.288-.135-.428l-.096-.205a3 3 0 0 0-.204-.352q-.066-.105-.141-.211l-.09-.122c-.051-.058-.109-.102-.16-.154l-.128-.153l-.102-.07a3 3 0 0 0-.295-.225l-.25-.16a3 3 0 0 0-.338-.153l-.27-.109c-.12-.038-.249-.058-.37-.083l-.276-.058a4 4 0 0 0-.454 0h-.256c-1.715.154-24.378 2.317-49.85 13.677c-15.296 6.803-27.136 17.248-34.585 29.926l-1.92.832C16.295 56.615 0 80.276 0 107.738v.461a3.32 3.32 0 0 0 3.322 3.315H93.85q.264 0 .524-.044l.23-.058c.11-.032.218-.051.327-.09c.109-.038.16-.076.243-.115c.084-.038.192-.077.282-.128q.254-.15.48-.339l36.48-30.758a3.3 3.3 0 0 0 1.178-2.56V3.316zm-32.986 94.79l-3.5 2.95v-65.44l29.85-25.158v65.44zm-59.596-17.35h49.459v24.122h-78.08zm41.747-61.005a171 171 0 0 1 36.358-11.373L92.442 30.874A169.3 169.3 0 0 0 56.32 39.38c6.605-8.064 15.514-14.752 26.445-19.629M49.978 48.922a171.3 171.3 0 0 1 40.499-11.104V74.12H43.194a58.7 58.7 0 0 1 6.784-25.197M40.87 53.16a65.7 65.7 0 0 0-4.39 22.727L7.04 100.73c2.227-20.185 14.214-37.068 33.83-47.57"/><path fill="#343f55" d="M159.066 92.436V17.287h31.104q12.057 0 19.385 6.253t7.322 18.426a24.42 24.42 0 0 1-11.943 21.632l16.11 28.85h-21.409l-12.73-25.6h-8.345v25.6zm19.494-41.229h9.69a8.77 8.77 0 0 0 6.4-2.425a8.65 8.65 0 0 0 2.483-6.477q0-4.282-2.368-6.765t-6.605-2.49h-9.6zm44.966 14.72a29.15 29.15 0 0 1 3.546-14.31a26.55 26.55 0 0 1 9.978-10.195a28.6 28.6 0 0 1 14.758-3.776q8.454 0 14.822 3.776a26.65 26.65 0 0 1 9.914 10.22a29.1 29.1 0 0 1 3.552 14.285a29.06 29.06 0 0 1-3.552 14.31a26.67 26.67 0 0 1-9.914 10.202q-6.4 3.776-14.822 3.776a28.6 28.6 0 0 1-14.758-3.776a26.56 26.56 0 0 1-9.978-10.176a29.1 29.1 0 0 1-3.546-14.336m28.282 11.61a9.39 9.39 0 0 0 7.552-3.328a12.37 12.37 0 0 0 2.816-8.282c.1-3.01-.901-5.955-2.816-8.281a10.24 10.24 0 0 0-15.098 0a12.35 12.35 0 0 0-2.822 8.281a12.34 12.34 0 0 0 2.822 8.32a9.37 9.37 0 0 0 7.546 3.315zm37.075 14.873h19.047V17.287h-19.047zm30.08 0h19.047V17.287h-19.04zm30.08-2.483v-72.64h19.047v26.47a13.5 13.5 0 0 1 4.563-3.385a22.5 22.5 0 0 1 4.947-1.574a21.3 21.3 0 0 1 3.84-.448q7.43 0 12.563 3.712a23.5 23.5 0 0 1 7.776 9.747a31.8 31.8 0 0 1 2.643 12.909q0 13.97-8.108 21.76q-8.109 7.788-23.892 7.776a58.8 58.8 0 0 1-12.902-1.408a96 96 0 0 1-10.464-2.893zm19.047-25.126v12.736c.937.331 1.898.594 2.873.787c1.244.24 2.51.353 3.776.34a9.82 9.82 0 0 0 7.559-3.137q2.937-3.16 2.93-10.029a15.8 15.8 0 0 0-.844-5.017a10 10 0 0 0-2.65-4.224a6.62 6.62 0 0 0-4.73-1.69q-4.736 0-6.815 2.931a12.27 12.27 0 0 0-2.087 7.328zm75.724 27.61l-.678-4.96a21 21 0 0 1-7.251 5.356a24.6 24.6 0 0 1-9.075 1.466a22 22 0 0 1-7.322-1.357a14.16 14.16 0 0 1-6.54-4.845q-2.709-3.52-2.708-9.83q0-6.4 3.494-10.707a21.53 21.53 0 0 1 9.306-6.484a35.2 35.2 0 0 1 12.557-2.163q2.592 0 4.173.115c1.05.07 2.176.186 3.379.34v-1.05q0-2.81-1.408-4.224a7.26 7.26 0 0 0-3.437-1.92c-1.288-.33-2.612-.5-3.942-.506a27.9 27.9 0 0 0-8.845 1.28a23.7 23.7 0 0 0-6.253 2.983l-7.213-10.912q3.38-2.7 9.517-4.954q6.138-2.253 15.494-2.272q11.047 0 17.863 5.696q6.816 5.697 6.816 16.954v32zm-.678-19.386v-3.488a23.6 23.6 0 0 0-5.184-.455q-4.736 0-6.982 1.863a5.59 5.59 0 0 0-2.253 4.48q0 5.869 6.31 5.862a9.7 9.7 0 0 0 5.517-1.747q2.605-1.753 2.605-6.49zm29.44 19.385V39.47h18.368l.64 6.65a21.1 21.1 0 0 1 5.58-5.351a14.3 14.3 0 0 1 8.058-2.195a28 28 0 0 1 3.885.224c.978.113 1.94.328 2.874.64l-2.458 16.25a23 23 0 0 0-5.523-.64q-12.397 0-12.397 13.638v23.776z"/></svg>Cara memakai ikon Rollbar
React
import { Icon } from "@iconify/react";
<Icon icon="logos:rollbar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:rollbar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:rollbar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--rollbar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:rollbar"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:rollbar"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/rollbar.svg" alt="Ikon Rollbar" width="24" height="24">Ikon terkait di SVG Logos
Ikon Rollbar di set ikon lain
FAQ Ikon Rollbar
Apakah ikon Rollbar gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Rollbar di React?
Pasang @iconify/react lalu render <Icon icon="logos:rollbar" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Rollbar ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/rollbar.svg" alt="Ikon Rollbar">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.