Creativecommons アイコン
simple-icons:creativecommons
Creativecommons アイコン(simple-icons:creativecommons)は、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
- タグ
- creativecommon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.983 0c-3.292 0-6.19 1.217-8.428 3.485C1.25 5.819 0 8.844 0 12c0 3.189 1.217 6.148 3.522 8.45c2.305 2.3 5.3 3.55 8.461 3.55c3.16 0 6.222-1.25 8.593-3.583C22.815 18.214 24 15.287 24 12c0-3.255-1.186-6.214-3.458-8.483C18.238 1.217 15.275 0 11.983 0m.033 2.17c2.7 0 5.103 1.02 6.98 2.893c1.843 1.841 2.83 4.274 2.83 6.937c0 2.696-.954 5.063-2.798 6.872c-1.943 1.906-4.444 2.926-7.012 2.926c-2.601 0-5.038-1.019-6.914-2.893c-1.877-1.875-2.93-4.34-2.93-6.905c0-2.597 1.053-5.063 2.93-6.97c1.844-1.874 4.214-2.86 6.914-2.86M8.68 8.278C6.723 8.278 5.165 9.66 5.165 12c0 2.38 1.465 3.722 3.581 3.722c1.358 0 2.516-.744 3.155-1.874l-1.491-.758c-.333.798-.839 1.037-1.478 1.037c-1.105 0-1.61-.917-1.61-2.126c0-1.21.426-2.127 1.61-2.127c.32 0 .96.173 1.332.97l1.597-.838c-.68-1.236-1.837-1.728-3.181-1.728m6.932 0c-1.957 0-3.514 1.382-3.514 3.722c0 2.38 1.464 3.722 3.58 3.722c1.359 0 2.516-.744 3.155-1.874l-1.49-.758c-.333.798-.84 1.037-1.478 1.037c-1.105 0-1.611-.917-1.611-2.126c0-1.21.426-2.127 1.61-2.127c.32 0 .96.173 1.332.97l1.597-.838c-.68-1.236-1.837-1.728-3.181-1.728"/></svg>Creativecommons アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:creativecommons" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:creativecommons" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:creativecommons" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--creativecommons]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:creativecommons"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:creativecommons"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/creativecommons.svg" alt="Creativecommons アイコン" width="24" height="24">他のアイコンセットの Creativecommons アイコン
Creativecommons アイコン のよくある質問
Creativecommons アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Creativecommons アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:creativecommons" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Creativecommons アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/creativecommons.svg" alt="Creativecommons アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。