Conan アイコン
simple-icons:conan
Conan アイコン(simple-icons:conan)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.709 0L0 5.534V16.76L11.984 24l4.857-2.706V9.998c.13-.084.275-.196.399-.27l.032-.017c.197-.11.329-.102.23.33v10.884l6.466-3.603V6.11L24 6.093Zm.915 2.83c.932.02 1.855.191 2.706.552a9.1 9.1 0 0 1 3.45 2.429a63 63 0 0 1-3.044 1.616c.56-.853.14-2.009-.76-2.455c-.93-.648-2.093-.73-3.205-.674c-1.064.175-2.258.51-2.893 1.474c-.722.862-.084 2.11.914 2.408c1.2.509 2.543.38 3.806.413c-.975.457-1.931.97-2.927 1.358c-1.701-.176-3.585-.917-4.374-2.51c-.574-1.178.215-2.572 1.319-3.14a11.4 11.4 0 0 1 3.336-1.348a9 9 0 0 1 1.672-.123"/></svg>Conan アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:conan" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:conan" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:conan" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--conan]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:conan"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:conan"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/conan.svg" alt="Conan アイコン" width="24" height="24">他のアイコンセットの Conan アイコン
Conan アイコン のよくある質問
Conan アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Conan アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:conan" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Conan アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/conan.svg" alt="Conan アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。