ICONYZ
日本語
theSVG の Conan アイコン

Conan アイコン

thesvg:conan

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

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

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="thesvg:conan" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:conan" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:conan" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:conan"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/conan.svg" alt="Conan アイコン" width="24" height="24">

他のアイコンセットの Conan アイコン

Conan アイコン のよくある質問

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

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

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

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

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

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

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