Drakkar アイコン
streamline-kameleon-color:drakkar
Drakkar アイコン(streamline-kameleon-color:drakkar)は、Kameleon color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Kameleon color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 地図・旅行
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#25b7d3" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#df2c2c" d="M36.218 21.38s.873 2.618-12.218 2.618s-12.218-2.618-12.218-2.618l1.745-7.854h20.946z"/><path fill="#fa5655" d="m13.527 13.526l-1.745 7.854s-.319.973 2.393 1.733l9.587-9.587z"/><path fill="#692e19" d="M23.827 31.068a.22.22 0 0 1 .174-.087h.005c.065 0 .125.03.164.082a5.23 5.23 0 0 0 4.053 2.091l3.018-5.432a.875.875 0 0 0-.608-1.283q-3.111-.56-6.222-2.216a.88.88 0 0 0-.82 0q-3.112 1.655-6.223 2.216a.875.875 0 0 0-.608 1.283l3.018 5.432a5.22 5.22 0 0 0 4.049-2.086"/><path fill="#9ce5f4" d="M37.963 37.962v-4.621a.22.22 0 0 0-.244-.217a5.23 5.23 0 0 1-4.822-2.061a.2.2 0 0 0-.164-.082h-.005a.22.22 0 0 0-.174.087a5.23 5.23 0 0 1-4.19 2.094a5.23 5.23 0 0 1-4.195-2.1a.2.2 0 0 0-.164-.081h-.004a.22.22 0 0 0-.175.087a5.23 5.23 0 0 1-4.19 2.094a5.23 5.23 0 0 1-4.194-2.1a.2.2 0 0 0-.164-.082h-.004a.22.22 0 0 0-.175.088a5.23 5.23 0 0 1-4.818 2.056a.22.22 0 0 0-.245.217v4.621z"/><path fill="#692e19" d="M35.345 11.781H24.873v-.873a.873.873 0 1 0-1.746 0v.873H12.655a.873.873 0 0 0 0 1.745h22.69a.873.873 0 0 0 0-1.745"/><path fill="#facb1b" d="M23.127 23.999h.874c-.301 0-.588-.003-.874-.006z"/><path fill="#facb1b" d="M24.874 23.999v-.006c-.287.003-.573.006-.874.006z"/><path fill="#facb1b" d="M23.127 13.526v10.467a82 82 0 0 0 1.745 0V13.526zm3.491 0v10.432c.619-.02 1.204-.045 1.746-.077V13.525zm3.491 0v10.218q.876-.085 1.745-.219v-9.999zm4.364 0H33.6v9.649c.8-.208 1.356-.434 1.746-.654v-5.068z"/><path fill="#fbe158" d="m13.527 13.526l-.873 3.927v5.068c.39.22.945.446 1.746.653v-9.648z"/><path fill="#facb1b" d="M16.145 13.526v10c.52.08 1.097.154 1.746.218V13.526zm3.491 0v10.355c.542.032 1.127.057 1.746.077V13.526z"/><path fill="#84462d" d="M24 11.782H12.655a.872.872 0 1 0 0 1.745H24zm0 12.338a.9.9 0 0 0-.41.102q-3.11 1.656-6.223 2.217a.872.872 0 0 0-.608 1.283l3.018 5.433a5.22 5.22 0 0 0 4.05-2.086a.22.22 0 0 1 .173-.087z"/><path fill="#fbe158" d="m16.145 21.143l1.746-1.745v-5.872h-1.745zm5.237-5.236v-2.38h-1.746v4.125z"/></g></svg>Drakkar アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:drakkar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:drakkar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:drakkar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--drakkar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:drakkar"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:drakkar"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/drakkar.svg" alt="Drakkar アイコン" width="24" height="24">Kameleon color icons の関連アイコン
他のアイコンセットの Drakkar アイコン
Drakkar アイコン のよくある質問
Drakkar アイコンは商用利用でも無料ですか?
はい。Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Drakkar アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-kameleon-color:drakkar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Drakkar アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/drakkar.svg" alt="Drakkar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。