Boar アイコン
twemoji:boar
Boar アイコン(twemoji:boar)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#c1694f" d="M33.359 13.254c1.434-3.462 2.06-11.534 1.262-12.004c-.704-.416-5.641 1.084-8.34 3.205C23.883 2.909 21.085 2 18 2s-5.883.91-8.281 2.455C7.02 2.334 2.082.834 1.378 1.25c-.797.47-.171 8.543 1.263 12.004A21.8 21.8 0 0 0 1 21.479C1 31.468 2 36 18 36s17-4.532 17-14.521c0-2.856-.59-5.662-1.641-8.225"/><path fill="#662113" d="M32.878 12.157c.929-3.252 1.081-7.708.524-8.037c-.411-.243-2.78.633-5.009 1.972c1.851 1.663 3.373 3.736 4.485 6.065M7.607 6.092c-2.23-1.339-4.599-2.215-5.01-1.972c-.557.329-.405 4.786.525 8.038c1.112-2.33 2.634-4.402 4.485-6.066"/><path fill="#e1e8ed" d="M7.65 29s-3.641-3-4.641-11.5c-.234-1.986 1.696-1.977 2 0C6.01 24 11.359 28 14 30c2.255 1.708-6.35-1-6.35-1m20.7 0s3.641-3 4.641-11.5c.234-1.986-1.695-1.977-2 0C29.99 24 24.641 28 22 30c-2.255 1.708 6.35-1 6.35-1"/><path d="M29 29c0 1.104-3.82 3-11 3S7 30.104 7 29s3.82 1 11 1s11-2.104 11-1"/><path fill="#662113" d="M28 23.125c0 4.487-3.097 9.375-10 9.375S8 27.612 8 23.125S11.096 17.5 18 17.5c6.903 0 10 1.138 10 5.625"/><path fill="#c1694f" d="M15 24.6c0 1.857-.34 2.4-1.5 2.4s-1.5-.543-1.5-2.4s.34-2.399 1.5-2.399s1.5.542 1.5 2.399m9 0c0 1.857-.34 2.4-1.5 2.4s-1.5-.543-1.5-2.4s.34-2.399 1.5-2.399s1.5.542 1.5 2.399"/><path fill="#292f33" d="M13 15.002a2 2 0 1 1-4.001-.001a2 2 0 0 1 4.001.001m14 0a2 2 0 1 1-4.001-.001a2 2 0 0 1 4.001.001"/></svg>
Boar アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:boar" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:boar" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:boar" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--boar]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:boar"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:boar"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/boar.svg" alt="Boar アイコン" width="24" height="24">
Boar アイコン のよくある質問
Boar アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Boar アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:boar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Boar アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/boar.svg" alt="Boar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
