Creative Commons Bold Duotone アイコン
solar:creative-commons-bold-duotone
Creative Commons Bold Duotone アイコン(solar:creative-commons-bold-duotone)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- UI
- タグ
- creativecommons、commonsbold、boldduotone、creativecommonsboldduotone、common
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22Z" opacity=".5"/><path d="M9.28571 8.75C7.28342 8.75 5.75 10.253 5.75 12C5.75 13.747 7.28342 15.25 9.28571 15.25C9.79735 15.25 10.281 15.1504 10.7168 14.9727C11.1003 14.8163 11.5381 15.0004 11.6945 15.384C11.8509 15.7675 11.6667 16.2052 11.2832 16.3616C10.669 16.6121 9.99311 16.75 9.28571 16.75C6.55414 16.75 4.25 14.6712 4.25 12C4.25 9.32875 6.55414 7.25 9.28571 7.25C9.99311 7.25 10.669 7.38791 11.2832 7.63836C11.6667 7.79477 11.8509 8.23249 11.6945 8.61604C11.5381 8.99958 11.1003 9.18372 10.7168 9.02731C10.281 8.84961 9.79735 8.75 9.28571 8.75Z"/><path d="M17.2857 8.75C15.2834 8.75 13.75 10.253 13.75 12C13.75 13.747 15.2834 15.25 17.2857 15.25C17.7974 15.25 18.281 15.1504 18.7168 14.9727C19.1003 14.8163 19.5381 15.0004 19.6945 15.384C19.8509 15.7675 19.6667 16.2052 19.2832 16.3616C18.669 16.6121 17.9931 16.75 17.2857 16.75C14.5541 16.75 12.25 14.6712 12.25 12C12.25 9.32875 14.5541 7.25 17.2857 7.25C17.9931 7.25 18.669 7.38791 19.2832 7.63836C19.6667 7.79477 19.8509 8.23249 19.6945 8.61604C19.5381 8.99958 19.1003 9.18372 18.7168 9.02731C18.281 8.84961 17.7974 8.75 17.2857 8.75Z"/></g></svg>Creative Commons Bold Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:creative-commons-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:creative-commons-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:creative-commons-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--creative-commons-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:creative-commons-bold-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:creative-commons-bold-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/creative-commons-bold-duotone.svg" alt="Creative Commons Bold Duotone アイコン" width="24" height="24">Solar の関連アイコン
Creative Commons Bold Duotone アイコン のよくある質問
Creative Commons Bold Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Creative Commons Bold Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:creative-commons-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Creative Commons Bold Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/creative-commons-bold-duotone.svg" alt="Creative Commons Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。