ix:agent
- ix:agent
- ix-agent
- ix--agent
- ix/agent
- ixAgent
- IxAgent
- i-ix-agent
- icon-[ix--agent]
- agent@ix
Author: Siemens AG
License: MIT
Color
Size
Relative units (em)
HTML Tag: SEO / AccessibilityJSXSelf closing tag
With @iconify/tailwind: Installation Guide
<span class="icon-[ix--agent]"></span>
With @egoist/tailwindcss-icons: Installation Guide
<span class="i-ix-agent"></span>
HTML Tag: SEO / AccessibilityJSXSelf closing tag
<span class="i-ix-agent"></span>
Import component:
import IxAgent from '~icons/ix/agent'
Use component:
<IxAgent />
Iconify Web Component：Installation Guide
<iconify-icon icon="ix:agent"></iconify-icon>
Iconify URL：
https://api.iconify.design/ix:agent.svg
With @iconify/react:
<Icon icon="ix:agent" />
JSX:
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" fillRule="evenodd" d="M159.991 213.334c11.839 0 21.447-10.42 21.447-23.273s-9.608-23.272-21.447-23.272s-21.448 10.419-21.448 23.272s9.609 23.273 21.448 23.273m-35.369-61.652l-20.204-21.932c14.241-15.451 33.902-25.022 55.578-25.022s41.337 9.571 55.578 25.024l-20.203 21.93c-9.066-9.833-21.577-15.924-35.375-15.924s-26.309 6.091-35.374 15.924m-40.418-43.866L64 85.886c24.593-26.69 58.552-43.219 96-43.219s71.407 16.53 96 43.219l-20.204 21.93C216.379 86.746 189.569 73.697 160 73.697s-56.379 13.05-75.796 34.119M64 234.667h384V448H64zm42.667 42.667v128h298.666v-128zM128 320h85.333v42.667H128zm170.667 42.667c11.782 0 21.333-9.551 21.333-21.333S310.449 320 298.667 320s-21.334 9.552-21.334 21.334s9.552 21.333 21.334 21.333M384 341.334c0 11.782-9.551 21.333-21.333 21.333s-21.334-9.551-21.334-21.333S350.885 320 362.667 320S384 329.552 384 341.334" clipRule="evenodd"/></svg>
Component:
export function IxAgent(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" {...props}><path fill="currentColor" fill-rule="evenodd" d="M159.991 213.334c11.839 0 21.447-10.42 21.447-23.273s-9.608-23.272-21.447-23.272s-21.448 10.419-21.448 23.272s9.609 23.273 21.448 23.273m-35.369-61.652l-20.204-21.932c14.241-15.451 33.902-25.022 55.578-25.022s41.337 9.571 55.578 25.024l-20.203 21.93c-9.066-9.833-21.577-15.924-35.375-15.924s-26.309 6.091-35.374 15.924m-40.418-43.866L64 85.886c24.593-26.69 58.552-43.219 96-43.219s71.407 16.53 96 43.219l-20.204 21.93C216.379 86.746 189.569 73.697 160 73.697s-56.379 13.05-75.796 34.119M64 234.667h384V448H64zm42.667 42.667v128h298.666v-128zM128 320h85.333v42.667H128zm170.667 42.667c11.782 0 21.333-9.551 21.333-21.333S310.449 320 298.667 320s-21.334 9.552-21.334 21.334s9.552 21.333 21.334 21.333M384 341.334c0 11.782-9.551 21.333-21.333 21.333s-21.334-9.551-21.334-21.333S350.885 320 362.667 320S384 329.552 384 341.334" clip-rule="evenodd"/></svg>
)
}
With @iconify/vue:
<Icon icon="ix:agent" />
With nuxt-icon:
<Icon name="ix:agent" />
Component:
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M159.991 213.334c11.839 0 21.447-10.42 21.447-23.273s-9.608-23.272-21.447-23.272s-21.448 10.419-21.448 23.272s9.609 23.273 21.448 23.273m-35.369-61.652l-20.204-21.932c14.241-15.451 33.902-25.022 55.578-25.022s41.337 9.571 55.578 25.024l-20.203 21.93c-9.066-9.833-21.577-15.924-35.375-15.924s-26.309 6.091-35.374 15.924m-40.418-43.866L64 85.886c24.593-26.69 58.552-43.219 96-43.219s71.407 16.53 96 43.219l-20.204 21.93C216.379 86.746 189.569 73.697 160 73.697s-56.379 13.05-75.796 34.119M64 234.667h384V448H64zm42.667 42.667v128h298.666v-128zM128 320h85.333v42.667H128zm170.667 42.667c11.782 0 21.333-9.551 21.333-21.333S310.449 320 298.667 320s-21.334 9.552-21.334 21.334s9.552 21.333 21.334 21.333M384 341.334c0 11.782-9.551 21.333-21.333 21.333s-21.334-9.551-21.334-21.333S350.885 320 362.667 320S384 329.552 384 341.334" clip-rule="evenodd"/></svg>
</template>
<script>
export default {
name: 'IxAgent'
}
</script>
With @iconify/svelte:
<Icon icon="ix:agent" />
Component:
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M159.991 213.334c11.839 0 21.447-10.42 21.447-23.273s-9.608-23.272-21.447-23.272s-21.448 10.419-21.448 23.272s9.609 23.273 21.448 23.273m-35.369-61.652l-20.204-21.932c14.241-15.451 33.902-25.022 55.578-25.022s41.337 9.571 55.578 25.024l-20.203 21.93c-9.066-9.833-21.577-15.924-35.375-15.924s-26.309 6.091-35.374 15.924m-40.418-43.866L64 85.886c24.593-26.69 58.552-43.219 96-43.219s71.407 16.53 96 43.219l-20.204 21.93C216.379 86.746 189.569 73.697 160 73.697s-56.379 13.05-75.796 34.119M64 234.667h384V448H64zm42.667 42.667v128h298.666v-128zM128 320h85.333v42.667H128zm170.667 42.667c11.782 0 21.333-9.551 21.333-21.333S310.449 320 298.667 320s-21.334 9.552-21.334 21.334s9.552 21.333 21.334 21.333M384 341.334c0 11.782-9.551 21.333-21.333 21.333s-21.334-9.551-21.334-21.333S350.885 320 362.667 320S384 329.552 384 341.334" clip-rule="evenodd"/></svg>
Component:
export function IxAgent(props, key) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" {...props} key={key}><path fill="currentColor" fill-rule="evenodd" d="M159.991 213.334c11.839 0 21.447-10.42 21.447-23.273s-9.608-23.272-21.447-23.272s-21.448 10.419-21.448 23.272s9.609 23.273 21.448 23.273m-35.369-61.652l-20.204-21.932c14.241-15.451 33.902-25.022 55.578-25.022s41.337 9.571 55.578 25.024l-20.203 21.93c-9.066-9.833-21.577-15.924-35.375-15.924s-26.309 6.091-35.374 15.924m-40.418-43.866L64 85.886c24.593-26.69 58.552-43.219 96-43.219s71.407 16.53 96 43.219l-20.204 21.93C216.379 86.746 189.569 73.697 160 73.697s-56.379 13.05-75.796 34.119M64 234.667h384V448H64zm42.667 42.667v128h298.666v-128zM128 320h85.333v42.667H128zm170.667 42.667c11.782 0 21.333-9.551 21.333-21.333S310.449 320 298.667 320s-21.334 9.552-21.334 21.334s9.552 21.333 21.334 21.333M384 341.334c0 11.782-9.551 21.333-21.333 21.333s-21.334-9.551-21.334-21.333S350.885 320 362.667 320S384 329.552 384 341.334" clip-rule="evenodd"/></svg>
)
}
