Ant アイコン

Q: Ant アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

emojione-v1:ant

Ant アイコン(emojione-v1:ant)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (v1)
作者: Emoji One
ライセンス: CC-BY-SA-4.0
サイズ: 64 × 64
カテゴリ: 自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#18414f" d="M35.18 59.27c.268-.242.532-.484.802-.731c.039-.034.056-.079.085-.117c.038-.044.074-.081.101-.137a.8.8 0 0 0 .071-.271c.004-.021.016-.033.016-.053c.214-3.648 2.362-6.381 5.906-7.335c1.902-.516 2.331.17 3.72-1.091c.566-.519.178-1.368-.521-1.451c-6.419-.764-11.728 4.064-11.571 10.527c.016.706.822 1.175 1.391.659"/><path fill="#32505b" d="M43.01 38.23c-6.4-.947-12.224 2.61-13.01 7.945c-.791 5.337 3.75 10.435 10.15 11.381c6.396.95 22.813-1.04 23.604-6.376c.789-5.34-14.346-12-20.741-12.95"/><path fill="#18414f" d="M13.767 59.911c.269-.241.533-.487.804-.728c.039-.041.055-.081.085-.117c.04-.048.074-.086.1-.138a.8.8 0 0 0 .072-.272c.002-.02.017-.032.017-.053c.214-3.645 2.362-6.383 5.907-7.336c1.901-.512 2.331.173 3.72-1.088c.564-.519.177-1.37-.522-1.451c-6.418-.766-11.728 4.067-11.572 10.523c.014.71.823 1.179 1.389.66m13.019-.067l.802-.73c.039-.037.055-.08.085-.117c.037-.047.074-.084.099-.139a.8.8 0 0 0 .073-.269c.002-.022.015-.037.015-.056c.215-3.646 2.362-6.383 5.908-7.336c1.899-.514 2.33.17 3.72-1.092c.563-.514.177-1.365-.521-1.449c-6.42-.764-11.729 4.067-11.573 10.528c.015.705.823 1.175 1.392.66"/><path fill="#294751" d="M26.651 51.4c4.069 2.394 9.09 1.405 11.208-2.208c2.118-3.607.543-8.472-3.53-10.863c-4.068-2.391-15.82-5.359-17.943-1.75c-2.119 3.613 6.196 12.431 10.265 14.821"/><g fill="#114256"><path d="M25.691 29.608c-.345-5.103-6.321-8.85-13.355-8.374c-7.03.477-12.449 4.998-12.1 10.1c.346 5.098 6.898 17.288 13.928 16.812c7.04-.476 11.878-13.439 11.531-18.538"/><path d="M19.6 25.431q.51-.178 1.023-.361c.049-.018.08-.053.122-.077a.5.5 0 0 0 .149-.086a.9.9 0 0 0 .17-.22c.009-.018.026-.026.035-.043c1.613-3.275 4.653-4.967 8.292-4.468c1.95.266 2.08 1.063 3.849.437c.72-.254.695-1.19.084-1.535c-5.618-3.199-12.386-.81-14.753 5.205c-.26.658.304 1.403 1.029 1.148m-3.21-10.958l-.703.828c-.036.039-.077.057-.113.087c-.045.039-.084.078-.135.105a.8.8 0 0 1-.267.081c-.019.002-.035.016-.054.018c-3.636.334-6.3 2.57-7.138 6.145c-.451 1.917.248 2.324-.966 3.753c-.496.579-1.362.221-1.466-.472c-.977-6.393 3.676-11.858 10.14-11.914c.704-.008 1.198.785.702 1.369"/></g><path fill="#c68244" d="M12.01 33.557c.164 2.426-1.328 4.504-3.328 4.641c-1.997.135-3.756-1.725-3.919-4.151c-.165-2.426 1.325-4.502 3.324-4.638c2-.138 3.757 1.719 3.923 4.148m9.24-.629c.165 2.426-1.326 4.506-3.326 4.643c-1.998.135-3.753-1.723-3.92-4.148c-.164-2.43 1.327-4.505 3.327-4.641c1.996-.135 3.753 1.72 3.919 4.146"/><path fill="#18414f" d="M38.526 62.26q-.39-.469-.784-.939c-.037-.047-.049-.098-.076-.145c-.035-.059-.068-.105-.09-.166a.9.9 0 0 1-.037-.316c0-.021-.015-.039-.012-.06c.327-4.104-1.646-7.49-5.458-9.103c-2.041-.865-2.626-.169-3.98-1.791c-.553-.664.011-1.555.804-1.537c7.282.141 12.461 6.352 11.29 13.535c-.13.785-1.105 1.183-1.657.522m11.734-.8q-.389-.468-.781-.936c-.039-.049-.052-.098-.078-.146c-.036-.057-.068-.105-.089-.168a.8.8 0 0 1-.036-.313c0-.021-.016-.037-.013-.062c.325-4.104-1.648-7.49-5.46-9.102c-2.041-.866-2.627-.168-3.98-1.791c-.549-.664.014-1.555.805-1.535c7.282.137 12.461 6.35 11.289 13.533c-.128.788-1.104 1.186-1.657.52m9.86-.664q-.391-.468-.781-.938c-.04-.047-.052-.097-.077-.146c-.034-.058-.069-.105-.09-.168a.9.9 0 0 1-.038-.313c0-.023-.013-.039-.001-.063c.322-4.102-1.647-7.49-5.461-9.102c-2.039-.863-2.627-.168-3.979-1.791c-.552-.663.012-1.554.801-1.535c7.286.135 12.465 6.348 11.291 13.533c-.128.791-1.101 1.186-1.656.523"/></svg>

Ant アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-v1:ant" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:ant" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:ant" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--ant]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:ant"></div>

Web コンポーネント

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

<iconify-icon icon="emojione-v1:ant"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-v1/ant.svg" alt="Ant アイコン" width="24" height="24">

Emoji One (v1) の関連アイコン

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

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

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

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Emoji One (v1) アイコンをすべて見る →