Rollbar Icon アイコン
logos:rollbar-icon
Rollbar Icon アイコン(logos:rollbar-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 214 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 214
- タグ
- rollbaricon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="214" viewBox="0 0 256 214"><path fill="#3c72ff" d="M256 6.354a7 7 0 0 0-.123-1.226c0-.123-.061-.233-.098-.356s-.16-.552-.257-.822l-.184-.392a5.4 5.4 0 0 0-.393-.674c-.086-.135-.171-.27-.27-.405l-.171-.233c-.098-.11-.209-.196-.307-.295l-.245-.294l-.196-.135a6 6 0 0 0-.564-.429l-.479-.307a6 6 0 0 0-.65-.294l-.515-.208c-.233-.074-.478-.11-.71-.16l-.528-.11a7 7 0 0 0-.871 0h-.49c-3.287.294-46.712 4.44-95.52 26.207c-29.31 13.036-51.998 33.05-66.272 57.344l-3.68 1.594C31.223 108.484 0 153.822 0 206.445v.883a6.36 6.36 0 0 0 3.679 5.764a6.45 6.45 0 0 0 2.686.588h173.467q.506.002 1.005-.085l.442-.11c.208-.062.417-.099.625-.173s.307-.147.466-.22s.368-.147.54-.246q.486-.286.92-.65l69.901-58.938a6.33 6.33 0 0 0 2.257-4.905V6.354zm-63.206 181.634l-6.708 5.654V68.248l57.197-48.208v125.394zM78.597 154.742h94.772v46.221H23.754zM158.59 37.847a327.7 327.7 0 0 1 69.669-21.793l-51.126 43.107a324.3 324.3 0 0 0-69.215 16.298c12.655-15.452 29.726-28.268 50.672-37.612M95.765 93.744a328.2 328.2 0 0 1 77.604-21.278v69.559H82.766a112.4 112.4 0 0 1 13-48.281m-17.45 8.118a126 126 0 0 0-8.413 43.548L13.49 193.016c4.268-38.679 27.237-71.03 64.825-91.154"/></svg>Rollbar Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:rollbar-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:rollbar-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:rollbar-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--rollbar-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:rollbar-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:rollbar-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/rollbar-icon.svg" alt="Rollbar Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Rollbar Icon アイコン のよくある質問
Rollbar Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rollbar Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:rollbar-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rollbar Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/rollbar-icon.svg" alt="Rollbar Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。