swan emoji
swan from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- swan
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the swan emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M3.427 7.034c-1.049-1.086-1.535-2.903.2-5.106s9.144-2.87 8.61 4.939c-.067 1.835-.768 4.605-2.603 8.376c-.467.968-1.268 2.536-1.602 4.839c.968-.801 3.904-2.236 6.908-1.835c3.003.4 18.054 7.142 21.057 4.305c.1 1.168-3.637 12.781-18.555 12.781S.122 27.824.122 24.421s.868-5.173 3.371-7.542S9.835 8.87 8.099 6.367c-.367.667-2.769 2.636-4.672.667"/><path fill="#ccd6dd" d="M10.202 26.557c-.567 2.136 2.967 6.589 8.71 6.608c8.385.028 12.881-4.705 15.384-10.746c-2.436-1.068-13.826-3.254-17.129-1.919s-3.667 1.583-7.298 3.52c1.167.201.3 2.537.333 2.537"/><path fill="#292f33" d="M5.475 7.377a.4.4 0 0 0 .155-.309c0-.968.067-2.503.4-2.903c.785.083 1.118-.735.618-1.269s-1.418.067-1.352.634c-1.414-.377-2.442-.142-2.784.912c-.104 1.066.302 1.957.915 2.592c.295.305 1.776.427 2.048.343"/><path fill="#ccd6dd" d="M7.719 4.762c-.004.986-.74 2.149-2.244 2.614c-.159.136-.429.223-.751.268q.196.132.411.23c1.41.096 2.704-1.032 2.965-1.507l.013.026c.03-.89-.394-1.631-.394-1.631"/><path fill="#e1e8ed" d="M9.301 24.087c.033-1.468 1.368-7.375 9.077-7.542s8.31 4.672 14.416-.467c-.1 1.301-2.269 15.017-13.849 15.017c-9.21 0-9.678-5.54-9.644-7.008"/><path fill="#f4900c" d="M.754 10.571c.85-.264 3.775-1.968 4.843-3.17c.3-.334-1.495-2.405-3.164-2.639c.1.534.06 2.572-1.575 4.374c-.434.334-1.026 1.602-.104 1.435"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSwan(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M3.427 7.034c-1.049-1.086-1.535-2.903.2-5.106s9.144-2.87 8.61 4.939c-.067 1.835-.768 4.605-2.603 8.376c-.467.968-1.268 2.536-1.602 4.839c.968-.801 3.904-2.236 6.908-1.835c3.003.4 18.054 7.142 21.057 4.305c.1 1.168-3.637 12.781-18.555 12.781S.122 27.824.122 24.421s.868-5.173 3.371-7.542S9.835 8.87 8.099 6.367c-.367.667-2.769 2.636-4.672.667"/><path fill="#ccd6dd" d="M10.202 26.557c-.567 2.136 2.967 6.589 8.71 6.608c8.385.028 12.881-4.705 15.384-10.746c-2.436-1.068-13.826-3.254-17.129-1.919s-3.667 1.583-7.298 3.52c1.167.201.3 2.537.333 2.537"/><path fill="#292f33" d="M5.475 7.377a.4.4 0 0 0 .155-.309c0-.968.067-2.503.4-2.903c.785.083 1.118-.735.618-1.269s-1.418.067-1.352.634c-1.414-.377-2.442-.142-2.784.912c-.104 1.066.302 1.957.915 2.592c.295.305 1.776.427 2.048.343"/><path fill="#ccd6dd" d="M7.719 4.762c-.004.986-.74 2.149-2.244 2.614c-.159.136-.429.223-.751.268q.196.132.411.23c1.41.096 2.704-1.032 2.965-1.507l.013.026c.03-.89-.394-1.631-.394-1.631"/><path fill="#e1e8ed" d="M9.301 24.087c.033-1.468 1.368-7.375 9.077-7.542s8.31 4.672 14.416-.467c-.1 1.301-2.269 15.017-13.849 15.017c-9.21 0-9.678-5.54-9.644-7.008"/><path fill="#f4900c" d="M.754 10.571c.85-.264 3.775-1.968 4.843-3.17c.3-.334-1.495-2.405-3.164-2.639c.1.534.06 2.572-1.575 4.374c-.434.334-1.026 1.602-.104 1.435"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M3.427 7.034c-1.049-1.086-1.535-2.903.2-5.106s9.144-2.87 8.61 4.939c-.067 1.835-.768 4.605-2.603 8.376c-.467.968-1.268 2.536-1.602 4.839c.968-.801 3.904-2.236 6.908-1.835c3.003.4 18.054 7.142 21.057 4.305c.1 1.168-3.637 12.781-18.555 12.781S.122 27.824.122 24.421s.868-5.173 3.371-7.542S9.835 8.87 8.099 6.367c-.367.667-2.769 2.636-4.672.667"/><path fill="#ccd6dd" d="M10.202 26.557c-.567 2.136 2.967 6.589 8.71 6.608c8.385.028 12.881-4.705 15.384-10.746c-2.436-1.068-13.826-3.254-17.129-1.919s-3.667 1.583-7.298 3.52c1.167.201.3 2.537.333 2.537"/><path fill="#292f33" d="M5.475 7.377a.4.4 0 0 0 .155-.309c0-.968.067-2.503.4-2.903c.785.083 1.118-.735.618-1.269s-1.418.067-1.352.634c-1.414-.377-2.442-.142-2.784.912c-.104 1.066.302 1.957.915 2.592c.295.305 1.776.427 2.048.343"/><path fill="#ccd6dd" d="M7.719 4.762c-.004.986-.74 2.149-2.244 2.614c-.159.136-.429.223-.751.268q.196.132.411.23c1.41.096 2.704-1.032 2.965-1.507l.013.026c.03-.89-.394-1.631-.394-1.631"/><path fill="#e1e8ed" d="M9.301 24.087c.033-1.468 1.368-7.375 9.077-7.542s8.31 4.672 14.416-.467c-.1 1.301-2.269 15.017-13.849 15.017c-9.21 0-9.678-5.54-9.644-7.008"/><path fill="#f4900c" d="M.754 10.571c.85-.264 3.775-1.968 4.843-3.17c.3-.334-1.495-2.405-3.164-2.639c.1.534.06 2.572-1.575 4.374c-.434.334-1.026 1.602-.104 1.435"/></svg> </template>
CSS
.icon-swan {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M3.427%207.034c-1.049-1.086-1.535-2.903.2-5.106s9.144-2.87%208.61%204.939c-.067%201.835-.768%204.605-2.603%208.376c-.467.968-1.268%202.536-1.602%204.839c.968-.801%203.904-2.236%206.908-1.835c3.003.4%2018.054%207.142%2021.057%204.305c.1%201.168-3.637%2012.781-18.555%2012.781S.122%2027.824.122%2024.421s.868-5.173%203.371-7.542S9.835%208.87%208.099%206.367c-.367.667-2.769%202.636-4.672.667%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M10.202%2026.557c-.567%202.136%202.967%206.589%208.71%206.608c8.385.028%2012.881-4.705%2015.384-10.746c-2.436-1.068-13.826-3.254-17.129-1.919s-3.667%201.583-7.298%203.52c1.167.201.3%202.537.333%202.537%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M5.475%207.377a.4.4%200%200%200%20.155-.309c0-.968.067-2.503.4-2.903c.785.083%201.118-.735.618-1.269s-1.418.067-1.352.634c-1.414-.377-2.442-.142-2.784.912c-.104%201.066.302%201.957.915%202.592c.295.305%201.776.427%202.048.343%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M7.719%204.762c-.004.986-.74%202.149-2.244%202.614c-.159.136-.429.223-.751.268q.196.132.411.23c1.41.096%202.704-1.032%202.965-1.507l.013.026c.03-.89-.394-1.631-.394-1.631%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M9.301%2024.087c.033-1.468%201.368-7.375%209.077-7.542s8.31%204.672%2014.416-.467c-.1%201.301-2.269%2015.017-13.849%2015.017c-9.21%200-9.678-5.54-9.644-7.008%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M.754%2010.571c.85-.264%203.775-1.968%204.843-3.17c.3-.334-1.495-2.405-3.164-2.639c.1.534.06%202.572-1.575%204.374c-.434.334-1.026%201.602-.104%201.435%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M3.427%207.034c-1.049-1.086-1.535-2.903.2-5.106s9.144-2.87%208.61%204.939c-.067%201.835-.768%204.605-2.603%208.376c-.467.968-1.268%202.536-1.602%204.839c.968-.801%203.904-2.236%206.908-1.835c3.003.4%2018.054%207.142%2021.057%204.305c.1%201.168-3.637%2012.781-18.555%2012.781S.122%2027.824.122%2024.421s.868-5.173%203.371-7.542S9.835%208.87%208.099%206.367c-.367.667-2.769%202.636-4.672.667%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M10.202%2026.557c-.567%202.136%202.967%206.589%208.71%206.608c8.385.028%2012.881-4.705%2015.384-10.746c-2.436-1.068-13.826-3.254-17.129-1.919s-3.667%201.583-7.298%203.52c1.167.201.3%202.537.333%202.537%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M5.475%207.377a.4.4%200%200%200%20.155-.309c0-.968.067-2.503.4-2.903c.785.083%201.118-.735.618-1.269s-1.418.067-1.352.634c-1.414-.377-2.442-.142-2.784.912c-.104%201.066.302%201.957.915%202.592c.295.305%201.776.427%202.048.343%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M7.719%204.762c-.004.986-.74%202.149-2.244%202.614c-.159.136-.429.223-.751.268q.196.132.411.23c1.41.096%202.704-1.032%202.965-1.507l.013.026c.03-.89-.394-1.631-.394-1.631%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M9.301%2024.087c.033-1.468%201.368-7.375%209.077-7.542s8.31%204.672%2014.416-.467c-.1%201.301-2.269%2015.017-13.849%2015.017c-9.21%200-9.678-5.54-9.644-7.008%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M.754%2010.571c.85-.264%203.775-1.968%204.843-3.17c.3-.334-1.495-2.405-3.164-2.639c.1.534.06%202.572-1.575%204.374c-.434.334-1.026%201.602-.104%201.435%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/swan.svg?color=%231a73e8&size=48
