Octobercms アイコン
simple-icons:octobercms
Octobercms アイコン(simple-icons:octobercms)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
- タグ
- octobercm
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.949 11.496C20.573 5.365 13.894.06 11.143 0C8.391-.059 3.247 6.435 3.04 13.033C2.844 19.219 8.124 23.462 10.397 24c.063-2.91.296-13.627.335-14.877c.082-2.553.207-6.527.634-6.659c.244-.076.578 2.158.537 3.478c-.008.252-.011 1.068-.011 2.226c.46-.469.94-.955 1.233-1.242c.8-.787 1.155-.693.77.009c-.236.432-1.253 1.868-2.001 2.909c.004 2.099.013 4.74.023 7.202c1.057-1.237 2.35-2.72 3.03-3.378c1.425-1.382 1.576-1.207.903.243c-.413.888-2.434 3.258-3.925 5.127c.009 2.185.016 4.021.018 4.898c4-.88 9.373-6.42 9.006-12.44"/></svg>Octobercms アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:octobercms" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:octobercms" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:octobercms" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--octobercms]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:octobercms"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:octobercms"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/octobercms.svg" alt="Octobercms アイコン" width="24" height="24">Octobercms アイコン のよくある質問
Octobercms アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Octobercms アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:octobercms" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Octobercms アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/octobercms.svg" alt="Octobercms アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。