Autobrr アイコン
thesvg-color:autobrr
Autobrr アイコン(thesvg-color:autobrr)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 1024 × 1024 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><g fill="none"><path fill="#dff0fe" stroke="#4788c7" stroke-linejoin="round" stroke-width="30" d="M231.392 297.578c62.988-50.202 302.511-28.81 414.4-11.84c6.925-24.705 14.328-38.685 36.111-63.936c-46.273-13.75-99.605-16.02-243.904-10.064c-68.671-10.656-68.671-139.712 0-151.552c317.312 0 538.72 148 558.256 237.392s9.59 62.873 0 100.048c-23.006 57.307-85.84 104.192-104.784 110.704s-101.824 0-101.824 0c-32.092 143.875-71.574 205.418-177.008 279.424c-59.447 23.136-97.68 20.128-107.744-53.872l21.904-37.888l31.968-14.8c15.87-28.604 14.722-43.365 0-68.08c-22.999-5.874-34.752-5.74-53.872 0c-34.784 68.765-62.87 93.492-129.647 110.704v24.272l92.943 50.912l75.776 75.776c2.368 76.723-60.976 91.168-92.944 88.8C361.22 876.89 301.6 838.44 168.64 799.002c-26.486-5.732-30.057-15.395-23.088-40.256c58.775-115.1 40.65-183.322 23.088-213.712c-29.558 30.414-99.602 83.694-140.896 0c-46.2-93.636 61.568-113.862 117.808-110.704c2.368-24.666 22.85-86.55 85.84-136.752z"/><path stroke="#4788c7" stroke-linecap="round" stroke-width="84" d="M59.736 258.506h81.696m-7.104-120.768h131.424"/><circle cx="875.512" cy="305.866" r="45.584" fill="#4788c7"/></g></svg>Autobrr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:autobrr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:autobrr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:autobrr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--autobrr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:autobrr"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:autobrr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/autobrr.svg" alt="Autobrr アイコン" width="24" height="24">他のアイコンセットの Autobrr アイコン
Autobrr アイコン のよくある質問
Autobrr アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Autobrr アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:autobrr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Autobrr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/autobrr.svg" alt="Autobrr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。