Blogger Rect アイコン
brandico:blogger-rect
Blogger Rect アイコン(brandico:blogger-rect)は、Brandico セットの無料 SVG アイコンです(作者: Fontello)。 1000 × 1000 のグリッドで描かれています。 Brandico icons は CC BY SA ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Brandico
- 作者
- Fontello
- ライセンス
- CC-BY-SA-3.0
- サイズ
- 1000 × 1000
- タグ
- bloggerrect
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M196.099.156C88.379.156.219 88.317.219 196.036v607.851c0 107.72 88.16 195.849 195.88 195.849H803.95c107.72 0 195.849-88.129 195.849-195.849V196.036C999.799 88.316 911.67.156 803.95.156zm338.012 186.777c94.026 7.596 148.647 68.316 155.146 145.948c5.05 39.953 3.637 69.6-2.127 91.418c53.633 1.773 116.39 25.822 120.388 113.098v85.911c-5.561 75.026-32.259 167.679-169.225 187.339c-30.84 4.427-65.452 1.464-110.345 1.157c-45.139-1.19-84.496-.975-118.917-.344c-138.941 2.545-215.468-58.535-216.185-189.28c-1.116-44.494.65-92.734.501-152.581c-.558-37.925-.768-77.544.094-114.381c.267-7.189-.671-15.069 1.22-22.807c5.98-84.295 73.682-133.698 152.706-144.665l186.745-.814zM377.963 304.192c-80.036 13.104-83.991 104.44 0 115.726h151.924c80.036-13.104 83.991-104.44 0-115.726zm-34.508 252.82c-82.395 12.791-83.607 116.536 2.941 127.271l279.1 1.001c81.695-12.682 81.454-116.322-2.941-127.302z"/></svg>Blogger Rect アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="brandico:blogger-rect" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="brandico:blogger-rect" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="brandico:blogger-rect" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[brandico--blogger-rect]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/brandico -->
<div class="i-brandico:blogger-rect"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="brandico:blogger-rect"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/brandico/blogger-rect.svg" alt="Blogger Rect アイコン" width="24" height="24">Brandico の関連アイコン
Blogger Rect アイコン のよくある質問
Blogger Rect アイコンは商用利用でも無料ですか?
はい。Brandico icons は CC BY SA ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Blogger Rect アイコンを使うには?
@iconify/react をインストールして <Icon icon="brandico:blogger-rect" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Blogger Rect アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/brandico/blogger-rect.svg" alt="Blogger Rect アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。