ICONYZ
日本語
theSVG の October Cms アイコン

October Cms アイコン

thesvg:october-cms

October Cms アイコン(thesvg:october-cms)は、theSVG セットの無料 SVG アイコンです(作者: thesvg.org)。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
24 × 24
タグ
octobercms
SVG をダウンロード

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>

October Cms アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg:october-cms" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg:october-cms" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg:october-cms" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--october-cms]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:october-cms"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg:october-cms"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/october-cms.svg" alt="October Cms アイコン" width="24" height="24">

他のアイコンセットの October Cms アイコン

October Cms アイコン のよくある質問

October Cms アイコンは商用利用でも無料ですか?

はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で October Cms アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg:october-cms" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

October Cms アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/october-cms.svg" alt="October Cms アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG アイコン をすべて見る →