RemixIconEx.Design (RemixIconEx v0.3.0)

Link to this section Summary

Functions

iex> Elixir.RemixIconEx.Design.anticlockwise()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M11 9h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1zm1 2v8h8v-8h-8zm-6-.414l1.828-1.829 1.415 1.415L5 14.414.757 10.172l1.415-1.415L4 10.586V8a5 5 0 0 1 5-5h4v2H9a3 3 0 0 0-3 3v2.586z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.anticlockwise_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M13.414 6l1.829 1.828-1.415 1.415L9.586 5 13.828.757l1.415 1.415L13.414 4H16a5 5 0 0 1 5 5v4h-2V9a3 3 0 0 0-3-3h-2.586zM15 11v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1zm-2 1H5v8h8v-8z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.artboard()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M8.586 17H3v-2h18v2h-5.586l3.243 3.243-1.414 1.414L13 17.414V20h-2v-2.586l-4.243 4.243-1.414-1.414L8.586 17zM5 3h14a1 1 0 0 1 1 1v10H4V4a1 1 0 0 1 1-1zm1 2v7h12V5H6z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.artboard_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M8 8v8h8V8H8zM6 6h12v12H6V6zm0-4h2v3H6V2zm0 17h2v3H6v-3zM2 6h3v2H2V6zm0 10h3v2H2v-2zM19 6h3v2h-3V6zm0 10h3v2h-3v-2zM16 2h2v3h-2V2zm0 17h2v3h-2v-3z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.ball_pen()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M17.849 11.808l-.707-.707-9.9 9.9H3v-4.243L14.313 5.444l5.657 5.657a1 1 0 0 1 0 1.414l-7.07 7.071-1.415-1.414 6.364-6.364zm-2.121-2.121l-1.415-1.414L5 17.586v1.415h1.414l9.314-9.314zm2.828-7.071l2.829 2.828a1 1 0 0 1 0 1.414L19.97 8.273 15.728 4.03l1.414-1.414a1 1 0 0 1 1.414 0z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.blur_off()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M18.154 19.568A9 9 0 0 1 5.432 6.846L1.393 2.808l1.415-1.415 19.799 19.8-1.415 1.414-3.038-3.04zM6.847 8.262a7 7 0 0 0 9.891 9.89l-9.89-9.89zM20.414 16.2l-1.599-1.599a6.995 6.995 0 0 0-1.865-6.55L12 3.1 9.657 5.443 8.243 4.03 12 .272l6.364 6.364a9.002 9.002 0 0 1 2.05 9.564z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.brush()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M15.456 9.678l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246zM13.29 6.216l4.939-3.841a1 1 0 0 1 1.32.082l2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c3.98-3 3.047-4.81 3.5-6.5 1.058-3.95 4.842-6.257 8.789-5.284zm3.413 1.879c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746-3.182 2.475 1.125 1.125z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.brush_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M16.536 15.95l2.12-2.122-3.181-3.182 3.535-3.535-2.12-2.121-3.536 3.535-3.182-3.182L8.05 7.464l8.486 8.486zm-1.415 1.414L6.636 8.879l-2.828 2.828 8.485 8.485 2.828-2.828zM13.354 5.697l2.828-2.829a1 1 0 0 1 1.414 0l3.536 3.536a1 1 0 0 1 0 1.414l-2.829 2.828 2.475 2.475a1 1 0 0 1 0 1.415L13 22.314a1 1 0 0 1-1.414 0l-9.9-9.9a1 1 0 0 1 0-1.414l7.778-7.778a1 1 0 0 1 1.415 0l2.475 2.475z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.brush_3()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M8 20v-5h2v5h9v-7H5v7h3zm-4-9h16V8h-6V4h-4v4H4v3zM3 21v-8H2V7a1 1 0 0 1 1-1h5V3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3h5a1 1 0 0 1 1 1v6h-1v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.brush_4()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M9 5v6.273H7V5H5v9h14V5H9zm11 11H4v2h16v-2zM3 14V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10h1v5a1 1 0 0 1-1 1h-8v3h-2v-3H3a1 1 0 0 1-1-1v-5h1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.clockwise()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M20 10.586l1.828-1.829 1.415 1.415L19 14.414l-4.243-4.242 1.415-1.415L18 10.586V8a3 3 0 0 0-3-3h-4V3h4a5 5 0 0 1 5 5v2.586zM13 9a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h10zm-1 2H4v8h8v-8z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.clockwise_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M10.586 4L8.757 2.172 10.172.757 14.414 5l-4.242 4.243-1.415-1.415L10.586 6H8a3 3 0 0 0-3 3v4H3V9a5 5 0 0 1 5-5h2.586zM9 11a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V11zm2 1v8h8v-8h-8z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.collage()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M20 3c.552 0 1 .448 1 1v16c0 .552-.448 1-1 1H4c-.552 0-1-.448-1-1V4c0-.552.448-1 1-1h16zm-8.811 10.158L5 14.25V19h7.218l-1.03-5.842zM19 5h-7.219l2.468 14H19V5zM9.75 5H5v7.218l5.842-1.03L9.75 5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.compasses()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M11 4.126V2h2v2.126a4.002 4.002 0 0 1 1.803 6.728l6.063 10.502-1.732 1-6.063-10.501a4.004 4.004 0 0 1-2.142 0L4.866 22.356l-1.732-1 6.063-10.502A4.002 4.002 0 0 1 11 4.126zM12 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.compasses_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M16.33 13.5A6.988 6.988 0 0 0 19 8h2a8.987 8.987 0 0 1-3.662 7.246l2.528 4.378a2 2 0 0 1-.732 2.732l-3.527-6.108A8.97 8.97 0 0 1 12 17a8.97 8.97 0 0 1-3.607-.752l-3.527 6.108a2 2 0 0 1-.732-2.732l5.063-8.77A4.002 4.002 0 0 1 11 4.126V2h2v2.126a4.002 4.002 0 0 1 1.803 6.728L16.33 13.5zM14.6 14.502l-1.528-2.647a4.004 4.004 0 0 1-2.142 0l-1.528 2.647c.804.321 1.68.498 2.599.498.918 0 1.795-.177 2.599-.498zM12 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.contrast()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0-2V6a6 6 0 1 1 0 12z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.contrast_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-5-4.68a8.965 8.965 0 0 0 5.707-2.613A8.965 8.965 0 0 0 15.32 7 6 6 0 1 1 7 15.32z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.contrast_drop()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 3.1L7.05 8.05a7 7 0 1 0 9.9 0L12 3.1zm0-2.828l6.364 6.364a9 9 0 1 1-12.728 0L12 .272zM12 18V8a5 5 0 0 1 0 10z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.contrast_drop_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 3.1L7.05 8.05a7 7 0 1 0 9.9 0L12 3.1zm0-2.828l6.364 6.364a9 9 0 1 1-12.728 0L12 .272zM7 13h10a5 5 0 0 1-10 0z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.crop()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M15 17v2H6a1 1 0 0 1-1-1V7H2V5h3V2h2v15h8zm2 5V7H9V5h9a1 1 0 0 1 1 1v11h3v2h-3v3h-2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.crop_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M8.414 17H15v2H6a1 1 0 0 1-1-1V7H2V5h3V2h2v13.586L15.586 7H9V5h8.586l2.556-2.556 1.414 1.414L19 6.414V17h3v2h-3v3h-2V8.414L8.414 17z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.drag_drop()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M16 13l6.964 4.062-2.973.85 2.125 3.681-1.732 1-2.125-3.68-2.223 2.15L16 13zm-2-7h2v2h5a1 1 0 0 1 1 1v4h-2v-3H10v10h4v2H9a1 1 0 0 1-1-1v-5H6v-2h2V9a1 1 0 0 1 1-1h5V6zM4 14v2H2v-2h2zm0-4v2H2v-2h2zm0-4v2H2V6h2zm0-4v2H2V2h2zm4 0v2H6V2h2zm4 0v2h-2V2h2zm4 0v2h-2V2h2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.drag_move()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 2l4.243 4.243-1.415 1.414L12 4.828 9.172 7.657 7.757 6.243 12 2zM2 12l4.243-4.243 1.414 1.415L4.828 12l2.829 2.828-1.414 1.415L2 12zm20 0l-4.243 4.243-1.414-1.415L19.172 12l-2.829-2.828 1.414-1.415L22 12zm-10 2a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 8l-4.243-4.243 1.415-1.414L12 19.172l2.828-2.829 1.415 1.414L12 22z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.drag_move_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M11 11V5.828L9.172 7.657 7.757 6.243 12 2l4.243 4.243-1.415 1.414L13 5.828V11h5.172l-1.829-1.828 1.414-1.415L22 12l-4.243 4.243-1.414-1.415L18.172 13H13v5.172l1.828-1.829 1.415 1.414L12 22l-4.243-4.243 1.415-1.414L11 18.172V13H5.828l1.829 1.828-1.414 1.415L2 12l4.243-4.243 1.414 1.415L5.828 11z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.drop()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 3.1L7.05 8.05a7 7 0 1 0 9.9 0L12 3.1zm0-2.828l6.364 6.364a9 9 0 1 1-12.728 0L12 .272z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.edit()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M6.414 16L16.556 5.858l-1.414-1.414L5 14.586V16h1.414zm.829 2H3v-4.243L14.435 2.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 18zM3 20h18v2H3v-2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.edit_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5 19h1.414l9.314-9.314-1.414-1.414L5 17.586V19zm16 2H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L9.243 19H21v2zM15.728 6.858l1.414 1.414 1.414-1.414-1.414-1.414-1.414 1.414z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.edit_box()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M16.757 3l-2 2H5v14h14V9.243l2-2V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12.757zm3.728-.9L21.9 3.516l-9.192 9.192-1.412.003-.002-1.417L20.485 2.1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.edit_circle()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12.684 4.029a8 8 0 1 0 7.287 7.287 7.936 7.936 0 0 0-.603-2.44l1.5-1.502A9.933 9.933 0 0 1 22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a9.982 9.982 0 0 1 4.626 1.132l-1.501 1.5a7.941 7.941 0 0 0-2.44-.603zM20.485 2.1L21.9 3.515l-9.192 9.192-1.412.003-.002-1.417L20.485 2.1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.eraser()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M8.586 8.858l-4.95 4.95 5.194 5.194H10V19h1.172l3.778-3.778-6.364-6.364zM10 7.444l6.364 6.364 2.828-2.829-6.364-6.364L10 7.444zM14 19h7v2h-9l-3.998.002-6.487-6.487a1 1 0 0 1 0-1.414L12.12 2.494a1 1 0 0 1 1.415 0l7.778 7.778a1 1 0 0 1 0 1.414L14 19z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.focus()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-8a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.focus_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 2a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.focus_3()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M13 1l.001 3.062A8.004 8.004 0 0 1 19.938 11H23v2l-3.062.001a8.004 8.004 0 0 1-6.937 6.937L13 23h-2v-3.062a8.004 8.004 0 0 1-6.938-6.937L1 13v-2h3.062A8.004 8.004 0 0 1 11 4.062V1h2zm-1 5a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm0 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.grid()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M14 10h-4v4h4v-4zm2 0v4h3v-4h-3zm-2 9v-3h-4v3h4zm2 0h3v-3h-3v3zM14 5h-4v3h4V5zm2 0v3h3V5h-3zm-8 5H5v4h3v-4zm0 9v-3H5v3h3zM8 5H5v3h3V5zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.hammer()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M20 2a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5v13a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V9H3.5a1 1 0 0 1-1-1V5.618a1 1 0 0 1 .553-.894L8.5 2H20zm-5 2H8.972L4.5 6.236V7H11v14h2V7h2V4zm4 0h-2v3h2V4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.ink_bottle()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M16 9l4.371 1.749c.38.151.629.52.629.928V21c0 .552-.448 1-1 1H4c-.552 0-1-.448-1-1v-9.323c0-.409.249-.777.629-.928L8 9h8zm-.385 2h-7.23L5 12.354V20h14v-1H8v-5h11v-1.646L15.615 11zM16 3c.552 0 1 .448 1 1v4H7V4c0-.552.448-1 1-1h8zm-1 2H9v1h6V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.input_method()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5 5v14h14V5H5zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm5.869 12l-.82 2H6.833L11 7h2l4.167 10H14.95l-.82-2H9.87zm.82-2h2.622L12 9.8 10.689 13z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5 8h14V5H5v3zm9 11v-9H5v9h9zm2 0h3v-9h-3v9zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16zM11 5H5v14h6V5zm8 8h-6v6h6v-6zm0-8h-6v6h6V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_3()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M4 21a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4zm4-11H5v9h3v-9zm11 0h-9v9h9v-9zm0-5H5v3h14V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_4()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M20 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16zm-9 10H5v6h6v-6zm2 6h6V5h-6v14zM11 5H5v6h6V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_5()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M3 21a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3zm4-11H4v9h3v-9zm13 0H9v9h11v-9zm0-5H4v3h16V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_6()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M3 21a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3zm12-11H4v9h11v-9zm5 0h-3v9h3v-9zm0-5H4v3h16V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_bottom()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM4 16v3h16v-3H4zm0-2h16V5H4v9z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_bottom_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-1 2H4v14h16V5zm-2 10v2H6v-2h12z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_column()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M11 5H5v14h6V5zm2 0v14h6V5h-6zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_grid()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM11 13H4v6h7v-6zm9 0h-7v6h7v-6zm-9-8H4v6h7V5zm9 0h-7v6h7V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_left()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM7 5H4v14h3V5zm13 0H9v14h11V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_left_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-1 2H4v14h16V5zM8 7v10H6V7h2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_masonry()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M22 20a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16zm-11-5H4v4h7v-4zm9-4h-7v8h7v-8zm-9-6H4v8h7V5zm9 0h-7v4h7V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_right()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-6 2H4v14h11V5zm5 0h-3v14h3V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_right_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-1 2H4v14h16V5zm-2 2v10h-2V7h2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_row()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M19 11V5H5v6h14zm0 2H5v6h14v-6zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_top()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM4 10v9h16v-9H4zm0-2h16V5H4v3z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.layout_top_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-1 2H4v14h16V5zm-2 2v2H6V7h12z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.magic()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M15.199 9.945a2.6 2.6 0 0 1-.79-1.551l-.403-3.083-2.73 1.486a2.6 2.6 0 0 1-1.72.273L6.5 6.5l.57 3.056a2.6 2.6 0 0 1-.273 1.72l-1.486 2.73 3.083.403a2.6 2.6 0 0 1 1.55.79l2.138 2.257 1.336-2.807a2.6 2.6 0 0 1 1.23-1.231l2.808-1.336-2.257-2.137zm.025 5.563l-2.213 4.65a.6.6 0 0 1-.977.155l-3.542-3.739a.6.6 0 0 0-.357-.182l-5.107-.668a.6.6 0 0 1-.449-.881l2.462-4.524a.6.6 0 0 0 .062-.396L4.16 4.86a.6.6 0 0 1 .7-.7l5.063.943a.6.6 0 0 0 .396-.062l4.524-2.462a.6.6 0 0 1 .881.45l.668 5.106a.6.6 0 0 0 .182.357l3.739 3.542a.6.6 0 0 1-.155.977l-4.65 2.213a.6.6 0 0 0-.284.284zm.797 1.927l1.414-1.414 4.243 4.242-1.415 1.415-4.242-4.243z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.mark_pen()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M15.243 4.515l-6.738 6.737-.707 2.121-1.04 1.041 2.828 2.829 1.04-1.041 2.122-.707 6.737-6.738-4.242-4.242zm6.364 3.535a1 1 0 0 1 0 1.414l-7.779 7.779-2.12.707-1.415 1.414a1 1 0 0 1-1.414 0l-4.243-4.243a1 1 0 0 1 0-1.414l1.414-1.414.707-2.121 7.779-7.779a1 1 0 0 1 1.414 0l5.657 5.657zm-6.364-.707l1.414 1.414-4.95 4.95-1.414-1.414 4.95-4.95zM4.283 16.89l2.828 2.829-1.414 1.414-4.243-1.414 2.828-2.829z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.markup()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M10 10.5l1.038-3.635a1 1 0 0 1 1.924 0L14 10.5V12h.72a1 1 0 0 1 .97.757l1.361 5.447a8 8 0 1 0-10.102 0l1.362-5.447A1 1 0 0 1 9.28 12H10v-1.5zm2 9.5a7.952 7.952 0 0 0 3.265-.694L13.938 14h-3.876l-1.327 5.306A7.95 7.95 0 0 0 12 20zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.paint()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M19.228 18.732l1.768-1.768 1.767 1.768a2.5 2.5 0 1 1-3.535 0zM8.878 1.08l11.314 11.313a1 1 0 0 1 0 1.415l-8.485 8.485a1 1 0 0 1-1.414 0l-8.485-8.485a1 1 0 0 1 0-1.415l7.778-7.778-2.122-2.121L8.88 1.08zM11 6.03L3.929 13.1 11 20.173l7.071-7.071L11 6.029z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.paint_brush()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5 5v3h14V5H5zM4 3h16a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm2 9h6a1 1 0 0 1 1 1v3h1v6h-4v-6h1v-2H5a1 1 0 0 1-1-1v-2h2v1zm11.732 1.732l1.768-1.768 1.768 1.768a2.5 2.5 0 1 1-3.536 0z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.palette()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 2c5.522 0 10 3.978 10 8.889a5.558 5.558 0 0 1-5.556 5.555h-1.966c-.922 0-1.667.745-1.667 1.667 0 .422.167.811.422 1.1.267.3.434.689.434 1.122C13.667 21.256 12.9 22 12 22 6.478 22 2 17.522 2 12S6.478 2 12 2zm-1.189 16.111a3.664 3.664 0 0 1 3.667-3.667h1.966A3.558 3.558 0 0 0 20 10.89C20 7.139 16.468 4 12 4a8 8 0 0 0-.676 15.972 3.648 3.648 0 0 1-.513-1.86zM7.5 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm9 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM12 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.pantone()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5.764 8l-.295-.73a1 1 0 0 1 .553-1.302l9.272-3.746a1 1 0 0 1 1.301.552l5.62 13.908a1 1 0 0 1-.553 1.302L12.39 21.73a1 1 0 0 1-1.302-.553L11 20.96V21H7a1 1 0 0 1-1-1v-.27l-3.35-1.353a1 1 0 0 1-.552-1.302L5.764 8zM8 19h2.209L8 13.533V19zm-2-6.244l-1.673 4.141L6 17.608v-4.852zm1.698-5.309l4.87 12.054 7.418-2.997-4.87-12.053-7.418 2.996zm2.978 2.033a1 1 0 1 1-.749-1.855 1 1 0 0 1 .75 1.855z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.pen_nib()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M16.596 1.04l6.347 6.346a.5.5 0 0 1-.277.848l-1.474.23-5.656-5.656.212-1.485a.5.5 0 0 1 .848-.283zM4.595 20.15c3.722-3.331 7.995-4.328 12.643-5.52l.446-4.018-4.297-4.297-4.018.446c-1.192 4.648-2.189 8.92-5.52 12.643L2.454 18.01c2.828-3.3 3.89-6.953 5.303-13.081l6.364-.707 5.657 5.657-.707 6.364c-6.128 1.414-9.782 2.475-13.081 5.303L4.595 20.15zm5.284-6.03a2 2 0 1 1 2.828-2.828A2 2 0 0 1 9.88 14.12z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.pencil()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M15.728 9.686l-1.414-1.414L5 17.586V19h1.414l9.314-9.314zm1.414-1.414l1.414-1.414-1.414-1.414-1.414 1.414 1.414 1.414zM7.242 21H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 21z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.pencil_ruler()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5 8v12h4V8H5zM3 7l4-5 4 5v15H3V7zm16 9v-2h-3v-2h3v-2h-2V8h2V6h-4v14h4v-2h-2v-2h2zM14 4h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.pencil_ruler_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M7.05 14.121L4.93 16.243l2.828 2.828L19.071 7.757 16.243 4.93 14.12 7.05l1.415 1.414L14.12 9.88l-1.414-1.415-1.414 1.415 1.414 1.414-1.414 1.414-1.414-1.414-1.415 1.414 1.415 1.414-1.415 1.415L7.05 14.12zm9.9-11.313l4.242 4.242a1 1 0 0 1 0 1.414L8.464 21.192a1 1 0 0 1-1.414 0L2.808 16.95a1 1 0 0 1 0-1.414L15.536 2.808a1 1 0 0 1 1.414 0zM14.12 18.363l1.415-1.414 2.242 2.243h1.414v-1.414l-2.242-2.243 1.414-1.414L21 16.757V21h-4.242l-2.637-2.637zM5.636 9.878L2.807 7.05a1 1 0 0 1 0-1.415l2.829-2.828a1 1 0 0 1 1.414 0L9.88 5.635 8.464 7.05 6.343 4.928 4.929 6.343l2.121 2.12-1.414 1.415z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.quill_pen()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M6.94 14.036c-.233.624-.43 1.2-.606 1.783.96-.697 2.101-1.139 3.418-1.304 2.513-.314 4.746-1.973 5.876-4.058l-1.456-1.455 1.413-1.415 1-1.001c.43-.43.915-1.224 1.428-2.368-5.593.867-9.018 4.292-11.074 9.818zM17 9.001L18 10c-1 3-4 6-8 6.5-2.669.334-4.336 2.167-5.002 5.5H3C4 16 6 2 21 2c-1 2.997-1.998 4.996-2.997 5.997L17 9.001z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.ruler()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M6.343 14.621L3.515 17.45l3.535 3.535L20.485 7.55 16.95 4.015l-2.122 2.121 1.415 1.414-1.415 1.414-1.414-1.414-2.121 2.122 2.121 2.12L12 13.208l-2.121-2.121-2.122 2.121 1.415 1.414-1.415 1.415-1.414-1.415zM17.657 1.893l4.95 4.95a1 1 0 0 1 0 1.414l-14.85 14.85a1 1 0 0 1-1.414 0l-4.95-4.95a1 1 0 0 1 0-1.414l14.85-14.85a1 1 0 0 1 1.414 0z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.ruler_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M17 19h2v-5h-9V5H5v2h2v2H5v2h3v2H5v2h2v2H5v2h2v-2h2v2h2v-3h2v3h2v-2h2v2zm-5-7h8a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v8z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.scissors()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M9.446 8.032L12 10.586l6.728-6.728a2 2 0 0 1 2.828 0l-12.11 12.11a4 4 0 1 1-1.414-1.414L10.586 12 8.032 9.446a4 4 0 1 1 1.414-1.414zm5.38 5.38l6.73 6.73a2 2 0 0 1-2.828 0l-5.317-5.316 1.415-1.415zm-7.412 3.174a2 2 0 1 0-2.828 2.828 2 2 0 0 0 2.828-2.828zm0-9.172a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.scissors_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 13.414l-2.554 2.554a4 4 0 1 1-1.414-1.414L10.586 12 4.565 5.98a2 2 0 0 1 0-2.83L12 10.587l7.435-7.435a2 2 0 0 1 0 2.828L13.415 12l2.553 2.554a4 4 0 1 1-1.414 1.414L12 13.414zM6 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm12 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.scissors_cut()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M10 6c0 .732-.197 1.419-.54 2.01L12 10.585l6.728-6.728a2 2 0 0 1 2.828 0l-12.11 12.11a4 4 0 1 1-1.414-1.414L10.586 12 8.032 9.446A4 4 0 1 1 10 6zM8 6a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm13.556 14.142a2 2 0 0 1-2.828 0l-5.317-5.316 1.415-1.415 6.73 6.731zM16 11h2v2h-2v-2zm4 0h2v2h-2v-2zM6 11h2v2H6v-2zm-4 0h2v2H2v-2zm4 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.screenshot()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M11.993 14.407l-1.552 1.552a4 4 0 1 1-1.418-1.41l1.555-1.556-4.185-4.185 1.415-1.415 4.185 4.185 4.189-4.189 1.414 1.414-4.19 4.19 1.562 1.56a4 4 0 1 1-1.414 1.414l-1.561-1.56zM7 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm2-7V5H5v8H3V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v9h-2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.screenshot_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M3 3h2v2H3V3zm4 0h2v2H7V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm0 4h2v2h-2V7zM3 19h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3V7zm7.667 4l1.036-1.555A1 1 0 0 1 12.535 9h2.93a1 1 0 0 1 .832.445L17.333 11H20a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2.667zM9 19h10v-6h-2.737l-1.333-2h-1.86l-1.333 2H9v6zm5-1a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.shape()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M7.83 20A3.001 3.001 0 1 1 4 16.17V7.83A3.001 3.001 0 1 1 7.83 4h8.34A3.001 3.001 0 1 1 20 7.83v8.34A3.001 3.001 0 1 1 16.17 20H7.83zm0-2h8.34A3.008 3.008 0 0 1 18 16.17V7.83A3.008 3.008 0 0 1 16.17 6H7.83A3.008 3.008 0 0 1 6 7.83v8.34A3.008 3.008 0 0 1 7.83 18zM5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm14 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM5 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.shape_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M20 16h2v6h-6v-2H8v2H2v-6h2V8H2V2h6v2h8V2h6v6h-2v8zm-2 0V8h-2V6H8v2H6v8h2v2h8v-2h2zM4 4v2h2V4H4zm0 14v2h2v-2H4zM18 4v2h2V4h-2zm0 14v2h2v-2h-2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.sip()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M6.457 18.957l8.564-8.564-1.414-1.414-8.564 8.564 1.414 1.414zm5.735-11.392l-1.414-1.414 1.414-1.414 1.768 1.767 2.829-2.828a1 1 0 0 1 1.414 0l2.121 2.121a1 1 0 0 1 0 1.414l-2.828 2.829 1.767 1.768-1.414 1.414-1.414-1.414L7.243 21H3v-4.243l9.192-9.192z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.slice()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M15.69 12.918l1.769 1.768c-6.01 6.01-10.96 6.01-15.203 4.596L17.812 3.726l3.536 3.535-5.657 5.657zm-2.828 0l5.657-5.657-.707-.707L6.314 18.052c2.732.107 5.358-.907 8.267-3.416l-1.719-1.718z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.t_box()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5 5v14h14V5H5zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm9 7v7h-2v-7H7V8h10v2h-4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.table()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M4 8h16V5H4v3zm10 11v-9h-4v9h4zm2 0h4v-9h-4v9zm-8 0v-9H4v9h4zM3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.table_alt()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-1 13H4v3h16v-3zM8 5H4v9h4V5zm6 0h-4v9h4V5zm6 0h-4v9h4V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
iex> Elixir.RemixIconEx.Design.tools()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5.33 3.271a3.5 3.5 0 0 1 4.254 4.963l10.709 10.71-1.414 1.414-10.71-10.71a3.502 3.502 0 0 1-4.962-4.255L5.444 7.63a1.5 1.5 0 1 0 2.121-2.121L5.329 3.27zm10.367 1.884l3.182-1.768 1.414 1.414-1.768 3.182-1.768.354-2.12 2.121-1.415-1.414 2.121-2.121.354-1.768zm-6.718 8.132l1.414 1.414-5.303 5.303a1 1 0 0 1-1.492-1.327l.078-.087 5.303-5.303z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}

Link to this section Functions

Link to this function

anticlockwise(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.anticlockwise()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M11 9h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1zm1 2v8h8v-8h-8zm-6-.414l1.828-1.829 1.415 1.415L5 14.414.757 10.172l1.415-1.415L4 10.586V8a5 5 0 0 1 5-5h4v2H9a3 3 0 0 0-3 3v2.586z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

anticlockwise_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.anticlockwise_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M13.414 6l1.829 1.828-1.415 1.415L9.586 5 13.828.757l1.415 1.415L13.414 4H16a5 5 0 0 1 5 5v4h-2V9a3 3 0 0 0-3-3h-2.586zM15 11v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1zm-2 1H5v8h8v-8z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

artboard(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.artboard()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M8.586 17H3v-2h18v2h-5.586l3.243 3.243-1.414 1.414L13 17.414V20h-2v-2.586l-4.243 4.243-1.414-1.414L8.586 17zM5 3h14a1 1 0 0 1 1 1v10H4V4a1 1 0 0 1 1-1zm1 2v7h12V5H6z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

artboard_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.artboard_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M8 8v8h8V8H8zM6 6h12v12H6V6zm0-4h2v3H6V2zm0 17h2v3H6v-3zM2 6h3v2H2V6zm0 10h3v2H2v-2zM19 6h3v2h-3V6zm0 10h3v2h-3v-2zM16 2h2v3h-2V2zm0 17h2v3h-2v-3z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

ball_pen(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.ball_pen()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M17.849 11.808l-.707-.707-9.9 9.9H3v-4.243L14.313 5.444l5.657 5.657a1 1 0 0 1 0 1.414l-7.07 7.071-1.415-1.414 6.364-6.364zm-2.121-2.121l-1.415-1.414L5 17.586v1.415h1.414l9.314-9.314zm2.828-7.071l2.829 2.828a1 1 0 0 1 0 1.414L19.97 8.273 15.728 4.03l1.414-1.414a1 1 0 0 1 1.414 0z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

blur_off(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.blur_off()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M18.154 19.568A9 9 0 0 1 5.432 6.846L1.393 2.808l1.415-1.415 19.799 19.8-1.415 1.414-3.038-3.04zM6.847 8.262a7 7 0 0 0 9.891 9.89l-9.89-9.89zM20.414 16.2l-1.599-1.599a6.995 6.995 0 0 0-1.865-6.55L12 3.1 9.657 5.443 8.243 4.03 12 .272l6.364 6.364a9.002 9.002 0 0 1 2.05 9.564z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

brush(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.brush()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M15.456 9.678l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246zM13.29 6.216l4.939-3.841a1 1 0 0 1 1.32.082l2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c3.98-3 3.047-4.81 3.5-6.5 1.058-3.95 4.842-6.257 8.789-5.284zm3.413 1.879c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746-3.182 2.475 1.125 1.125z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

brush_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.brush_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M16.536 15.95l2.12-2.122-3.181-3.182 3.535-3.535-2.12-2.121-3.536 3.535-3.182-3.182L8.05 7.464l8.486 8.486zm-1.415 1.414L6.636 8.879l-2.828 2.828 8.485 8.485 2.828-2.828zM13.354 5.697l2.828-2.829a1 1 0 0 1 1.414 0l3.536 3.536a1 1 0 0 1 0 1.414l-2.829 2.828 2.475 2.475a1 1 0 0 1 0 1.415L13 22.314a1 1 0 0 1-1.414 0l-9.9-9.9a1 1 0 0 1 0-1.414l7.778-7.778a1 1 0 0 1 1.415 0l2.475 2.475z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

brush_3(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.brush_3()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M8 20v-5h2v5h9v-7H5v7h3zm-4-9h16V8h-6V4h-4v4H4v3zM3 21v-8H2V7a1 1 0 0 1 1-1h5V3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3h5a1 1 0 0 1 1 1v6h-1v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

brush_4(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.brush_4()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M9 5v6.273H7V5H5v9h14V5H9zm11 11H4v2h16v-2zM3 14V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10h1v5a1 1 0 0 1-1 1h-8v3h-2v-3H3a1 1 0 0 1-1-1v-5h1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

clockwise(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.clockwise()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M20 10.586l1.828-1.829 1.415 1.415L19 14.414l-4.243-4.242 1.415-1.415L18 10.586V8a3 3 0 0 0-3-3h-4V3h4a5 5 0 0 1 5 5v2.586zM13 9a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h10zm-1 2H4v8h8v-8z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

clockwise_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.clockwise_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M10.586 4L8.757 2.172 10.172.757 14.414 5l-4.242 4.243-1.415-1.415L10.586 6H8a3 3 0 0 0-3 3v4H3V9a5 5 0 0 1 5-5h2.586zM9 11a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V11zm2 1v8h8v-8h-8z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

collage(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.collage()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M20 3c.552 0 1 .448 1 1v16c0 .552-.448 1-1 1H4c-.552 0-1-.448-1-1V4c0-.552.448-1 1-1h16zm-8.811 10.158L5 14.25V19h7.218l-1.03-5.842zM19 5h-7.219l2.468 14H19V5zM9.75 5H5v7.218l5.842-1.03L9.75 5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

compasses(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.compasses()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M11 4.126V2h2v2.126a4.002 4.002 0 0 1 1.803 6.728l6.063 10.502-1.732 1-6.063-10.501a4.004 4.004 0 0 1-2.142 0L4.866 22.356l-1.732-1 6.063-10.502A4.002 4.002 0 0 1 11 4.126zM12 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

compasses_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.compasses_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M16.33 13.5A6.988 6.988 0 0 0 19 8h2a8.987 8.987 0 0 1-3.662 7.246l2.528 4.378a2 2 0 0 1-.732 2.732l-3.527-6.108A8.97 8.97 0 0 1 12 17a8.97 8.97 0 0 1-3.607-.752l-3.527 6.108a2 2 0 0 1-.732-2.732l5.063-8.77A4.002 4.002 0 0 1 11 4.126V2h2v2.126a4.002 4.002 0 0 1 1.803 6.728L16.33 13.5zM14.6 14.502l-1.528-2.647a4.004 4.004 0 0 1-2.142 0l-1.528 2.647c.804.321 1.68.498 2.599.498.918 0 1.795-.177 2.599-.498zM12 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

contrast(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.contrast()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0-2V6a6 6 0 1 1 0 12z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

contrast_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.contrast_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-5-4.68a8.965 8.965 0 0 0 5.707-2.613A8.965 8.965 0 0 0 15.32 7 6 6 0 1 1 7 15.32z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

contrast_drop(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.contrast_drop()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 3.1L7.05 8.05a7 7 0 1 0 9.9 0L12 3.1zm0-2.828l6.364 6.364a9 9 0 1 1-12.728 0L12 .272zM12 18V8a5 5 0 0 1 0 10z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

contrast_drop_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.contrast_drop_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 3.1L7.05 8.05a7 7 0 1 0 9.9 0L12 3.1zm0-2.828l6.364 6.364a9 9 0 1 1-12.728 0L12 .272zM7 13h10a5 5 0 0 1-10 0z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

crop(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.crop()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M15 17v2H6a1 1 0 0 1-1-1V7H2V5h3V2h2v15h8zm2 5V7H9V5h9a1 1 0 0 1 1 1v11h3v2h-3v3h-2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

crop_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.crop_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M8.414 17H15v2H6a1 1 0 0 1-1-1V7H2V5h3V2h2v13.586L15.586 7H9V5h8.586l2.556-2.556 1.414 1.414L19 6.414V17h3v2h-3v3h-2V8.414L8.414 17z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

drag_drop(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.drag_drop()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M16 13l6.964 4.062-2.973.85 2.125 3.681-1.732 1-2.125-3.68-2.223 2.15L16 13zm-2-7h2v2h5a1 1 0 0 1 1 1v4h-2v-3H10v10h4v2H9a1 1 0 0 1-1-1v-5H6v-2h2V9a1 1 0 0 1 1-1h5V6zM4 14v2H2v-2h2zm0-4v2H2v-2h2zm0-4v2H2V6h2zm0-4v2H2V2h2zm4 0v2H6V2h2zm4 0v2h-2V2h2zm4 0v2h-2V2h2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

drag_move(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.drag_move()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 2l4.243 4.243-1.415 1.414L12 4.828 9.172 7.657 7.757 6.243 12 2zM2 12l4.243-4.243 1.414 1.415L4.828 12l2.829 2.828-1.414 1.415L2 12zm20 0l-4.243 4.243-1.414-1.415L19.172 12l-2.829-2.828 1.414-1.415L22 12zm-10 2a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 8l-4.243-4.243 1.415-1.414L12 19.172l2.828-2.829 1.415 1.414L12 22z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

drag_move_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.drag_move_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M11 11V5.828L9.172 7.657 7.757 6.243 12 2l4.243 4.243-1.415 1.414L13 5.828V11h5.172l-1.829-1.828 1.414-1.415L22 12l-4.243 4.243-1.414-1.415L18.172 13H13v5.172l1.828-1.829 1.415 1.414L12 22l-4.243-4.243 1.415-1.414L11 18.172V13H5.828l1.829 1.828-1.414 1.415L2 12l4.243-4.243 1.414 1.415L5.828 11z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

drop(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.drop()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 3.1L7.05 8.05a7 7 0 1 0 9.9 0L12 3.1zm0-2.828l6.364 6.364a9 9 0 1 1-12.728 0L12 .272z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

edit(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.edit()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M6.414 16L16.556 5.858l-1.414-1.414L5 14.586V16h1.414zm.829 2H3v-4.243L14.435 2.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 18zM3 20h18v2H3v-2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

edit_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.edit_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5 19h1.414l9.314-9.314-1.414-1.414L5 17.586V19zm16 2H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L9.243 19H21v2zM15.728 6.858l1.414 1.414 1.414-1.414-1.414-1.414-1.414 1.414z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

edit_box(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.edit_box()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M16.757 3l-2 2H5v14h14V9.243l2-2V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12.757zm3.728-.9L21.9 3.516l-9.192 9.192-1.412.003-.002-1.417L20.485 2.1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

edit_circle(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.edit_circle()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12.684 4.029a8 8 0 1 0 7.287 7.287 7.936 7.936 0 0 0-.603-2.44l1.5-1.502A9.933 9.933 0 0 1 22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a9.982 9.982 0 0 1 4.626 1.132l-1.501 1.5a7.941 7.941 0 0 0-2.44-.603zM20.485 2.1L21.9 3.515l-9.192 9.192-1.412.003-.002-1.417L20.485 2.1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

eraser(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.eraser()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M8.586 8.858l-4.95 4.95 5.194 5.194H10V19h1.172l3.778-3.778-6.364-6.364zM10 7.444l6.364 6.364 2.828-2.829-6.364-6.364L10 7.444zM14 19h7v2h-9l-3.998.002-6.487-6.487a1 1 0 0 1 0-1.414L12.12 2.494a1 1 0 0 1 1.415 0l7.778 7.778a1 1 0 0 1 0 1.414L14 19z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

focus(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.focus()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-8a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

focus_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.focus_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 2a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

focus_3(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.focus_3()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M13 1l.001 3.062A8.004 8.004 0 0 1 19.938 11H23v2l-3.062.001a8.004 8.004 0 0 1-6.937 6.937L13 23h-2v-3.062a8.004 8.004 0 0 1-6.938-6.937L1 13v-2h3.062A8.004 8.004 0 0 1 11 4.062V1h2zm-1 5a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm0 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

grid(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.grid()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M14 10h-4v4h4v-4zm2 0v4h3v-4h-3zm-2 9v-3h-4v3h4zm2 0h3v-3h-3v3zM14 5h-4v3h4V5zm2 0v3h3V5h-3zm-8 5H5v4h3v-4zm0 9v-3H5v3h3zM8 5H5v3h3V5zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

hammer(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.hammer()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M20 2a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5v13a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V9H3.5a1 1 0 0 1-1-1V5.618a1 1 0 0 1 .553-.894L8.5 2H20zm-5 2H8.972L4.5 6.236V7H11v14h2V7h2V4zm4 0h-2v3h2V4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

ink_bottle(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.ink_bottle()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M16 9l4.371 1.749c.38.151.629.52.629.928V21c0 .552-.448 1-1 1H4c-.552 0-1-.448-1-1v-9.323c0-.409.249-.777.629-.928L8 9h8zm-.385 2h-7.23L5 12.354V20h14v-1H8v-5h11v-1.646L15.615 11zM16 3c.552 0 1 .448 1 1v4H7V4c0-.552.448-1 1-1h8zm-1 2H9v1h6V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

input_method(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.input_method()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5 5v14h14V5H5zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm5.869 12l-.82 2H6.833L11 7h2l4.167 10H14.95l-.82-2H9.87zm.82-2h2.622L12 9.8 10.689 13z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5 8h14V5H5v3zm9 11v-9H5v9h9zm2 0h3v-9h-3v9zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16zM11 5H5v14h6V5zm8 8h-6v6h6v-6zm0-8h-6v6h6V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_3(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_3()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M4 21a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4zm4-11H5v9h3v-9zm11 0h-9v9h9v-9zm0-5H5v3h14V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_4(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_4()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M20 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16zm-9 10H5v6h6v-6zm2 6h6V5h-6v14zM11 5H5v6h6V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_5(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_5()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M3 21a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3zm4-11H4v9h3v-9zm13 0H9v9h11v-9zm0-5H4v3h16V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_6(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_6()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M3 21a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3zm12-11H4v9h11v-9zm5 0h-3v9h3v-9zm0-5H4v3h16V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_bottom(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_bottom()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM4 16v3h16v-3H4zm0-2h16V5H4v9z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_bottom_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_bottom_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-1 2H4v14h16V5zm-2 10v2H6v-2h12z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_column(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_column()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M11 5H5v14h6V5zm2 0v14h6V5h-6zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_grid(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_grid()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM11 13H4v6h7v-6zm9 0h-7v6h7v-6zm-9-8H4v6h7V5zm9 0h-7v6h7V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_left(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_left()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM7 5H4v14h3V5zm13 0H9v14h11V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_left_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_left_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-1 2H4v14h16V5zM8 7v10H6V7h2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_masonry(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_masonry()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M22 20a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16zm-11-5H4v4h7v-4zm9-4h-7v8h7v-8zm-9-6H4v8h7V5zm9 0h-7v4h7V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_right(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_right()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-6 2H4v14h11V5zm5 0h-3v14h3V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_right_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_right_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-1 2H4v14h16V5zm-2 2v10h-2V7h2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_row(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_row()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M19 11V5H5v6h14zm0 2H5v6h14v-6zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_top(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_top()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM4 10v9h16v-9H4zm0-2h16V5H4v3z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

layout_top_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.layout_top_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-1 2H4v14h16V5zm-2 2v2H6V7h12z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

magic(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.magic()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M15.199 9.945a2.6 2.6 0 0 1-.79-1.551l-.403-3.083-2.73 1.486a2.6 2.6 0 0 1-1.72.273L6.5 6.5l.57 3.056a2.6 2.6 0 0 1-.273 1.72l-1.486 2.73 3.083.403a2.6 2.6 0 0 1 1.55.79l2.138 2.257 1.336-2.807a2.6 2.6 0 0 1 1.23-1.231l2.808-1.336-2.257-2.137zm.025 5.563l-2.213 4.65a.6.6 0 0 1-.977.155l-3.542-3.739a.6.6 0 0 0-.357-.182l-5.107-.668a.6.6 0 0 1-.449-.881l2.462-4.524a.6.6 0 0 0 .062-.396L4.16 4.86a.6.6 0 0 1 .7-.7l5.063.943a.6.6 0 0 0 .396-.062l4.524-2.462a.6.6 0 0 1 .881.45l.668 5.106a.6.6 0 0 0 .182.357l3.739 3.542a.6.6 0 0 1-.155.977l-4.65 2.213a.6.6 0 0 0-.284.284zm.797 1.927l1.414-1.414 4.243 4.242-1.415 1.415-4.242-4.243z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

mark_pen(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.mark_pen()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M15.243 4.515l-6.738 6.737-.707 2.121-1.04 1.041 2.828 2.829 1.04-1.041 2.122-.707 6.737-6.738-4.242-4.242zm6.364 3.535a1 1 0 0 1 0 1.414l-7.779 7.779-2.12.707-1.415 1.414a1 1 0 0 1-1.414 0l-4.243-4.243a1 1 0 0 1 0-1.414l1.414-1.414.707-2.121 7.779-7.779a1 1 0 0 1 1.414 0l5.657 5.657zm-6.364-.707l1.414 1.414-4.95 4.95-1.414-1.414 4.95-4.95zM4.283 16.89l2.828 2.829-1.414 1.414-4.243-1.414 2.828-2.829z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

markup(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.markup()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M10 10.5l1.038-3.635a1 1 0 0 1 1.924 0L14 10.5V12h.72a1 1 0 0 1 .97.757l1.361 5.447a8 8 0 1 0-10.102 0l1.362-5.447A1 1 0 0 1 9.28 12H10v-1.5zm2 9.5a7.952 7.952 0 0 0 3.265-.694L13.938 14h-3.876l-1.327 5.306A7.95 7.95 0 0 0 12 20zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

paint(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.paint()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M19.228 18.732l1.768-1.768 1.767 1.768a2.5 2.5 0 1 1-3.535 0zM8.878 1.08l11.314 11.313a1 1 0 0 1 0 1.415l-8.485 8.485a1 1 0 0 1-1.414 0l-8.485-8.485a1 1 0 0 1 0-1.415l7.778-7.778-2.122-2.121L8.88 1.08zM11 6.03L3.929 13.1 11 20.173l7.071-7.071L11 6.029z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

paint_brush(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.paint_brush()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5 5v3h14V5H5zM4 3h16a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm2 9h6a1 1 0 0 1 1 1v3h1v6h-4v-6h1v-2H5a1 1 0 0 1-1-1v-2h2v1zm11.732 1.732l1.768-1.768 1.768 1.768a2.5 2.5 0 1 1-3.536 0z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

palette(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.palette()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 2c5.522 0 10 3.978 10 8.889a5.558 5.558 0 0 1-5.556 5.555h-1.966c-.922 0-1.667.745-1.667 1.667 0 .422.167.811.422 1.1.267.3.434.689.434 1.122C13.667 21.256 12.9 22 12 22 6.478 22 2 17.522 2 12S6.478 2 12 2zm-1.189 16.111a3.664 3.664 0 0 1 3.667-3.667h1.966A3.558 3.558 0 0 0 20 10.89C20 7.139 16.468 4 12 4a8 8 0 0 0-.676 15.972 3.648 3.648 0 0 1-.513-1.86zM7.5 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm9 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM12 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

pantone(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.pantone()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5.764 8l-.295-.73a1 1 0 0 1 .553-1.302l9.272-3.746a1 1 0 0 1 1.301.552l5.62 13.908a1 1 0 0 1-.553 1.302L12.39 21.73a1 1 0 0 1-1.302-.553L11 20.96V21H7a1 1 0 0 1-1-1v-.27l-3.35-1.353a1 1 0 0 1-.552-1.302L5.764 8zM8 19h2.209L8 13.533V19zm-2-6.244l-1.673 4.141L6 17.608v-4.852zm1.698-5.309l4.87 12.054 7.418-2.997-4.87-12.053-7.418 2.996zm2.978 2.033a1 1 0 1 1-.749-1.855 1 1 0 0 1 .75 1.855z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

pen_nib(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.pen_nib()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M16.596 1.04l6.347 6.346a.5.5 0 0 1-.277.848l-1.474.23-5.656-5.656.212-1.485a.5.5 0 0 1 .848-.283zM4.595 20.15c3.722-3.331 7.995-4.328 12.643-5.52l.446-4.018-4.297-4.297-4.018.446c-1.192 4.648-2.189 8.92-5.52 12.643L2.454 18.01c2.828-3.3 3.89-6.953 5.303-13.081l6.364-.707 5.657 5.657-.707 6.364c-6.128 1.414-9.782 2.475-13.081 5.303L4.595 20.15zm5.284-6.03a2 2 0 1 1 2.828-2.828A2 2 0 0 1 9.88 14.12z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

pencil(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.pencil()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M15.728 9.686l-1.414-1.414L5 17.586V19h1.414l9.314-9.314zm1.414-1.414l1.414-1.414-1.414-1.414-1.414 1.414 1.414 1.414zM7.242 21H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 21z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

pencil_ruler(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.pencil_ruler()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5 8v12h4V8H5zM3 7l4-5 4 5v15H3V7zm16 9v-2h-3v-2h3v-2h-2V8h2V6h-4v14h4v-2h-2v-2h2zM14 4h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

pencil_ruler_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.pencil_ruler_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M7.05 14.121L4.93 16.243l2.828 2.828L19.071 7.757 16.243 4.93 14.12 7.05l1.415 1.414L14.12 9.88l-1.414-1.415-1.414 1.415 1.414 1.414-1.414 1.414-1.414-1.414-1.415 1.414 1.415 1.414-1.415 1.415L7.05 14.12zm9.9-11.313l4.242 4.242a1 1 0 0 1 0 1.414L8.464 21.192a1 1 0 0 1-1.414 0L2.808 16.95a1 1 0 0 1 0-1.414L15.536 2.808a1 1 0 0 1 1.414 0zM14.12 18.363l1.415-1.414 2.242 2.243h1.414v-1.414l-2.242-2.243 1.414-1.414L21 16.757V21h-4.242l-2.637-2.637zM5.636 9.878L2.807 7.05a1 1 0 0 1 0-1.415l2.829-2.828a1 1 0 0 1 1.414 0L9.88 5.635 8.464 7.05 6.343 4.928 4.929 6.343l2.121 2.12-1.414 1.415z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

quill_pen(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.quill_pen()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M6.94 14.036c-.233.624-.43 1.2-.606 1.783.96-.697 2.101-1.139 3.418-1.304 2.513-.314 4.746-1.973 5.876-4.058l-1.456-1.455 1.413-1.415 1-1.001c.43-.43.915-1.224 1.428-2.368-5.593.867-9.018 4.292-11.074 9.818zM17 9.001L18 10c-1 3-4 6-8 6.5-2.669.334-4.336 2.167-5.002 5.5H3C4 16 6 2 21 2c-1 2.997-1.998 4.996-2.997 5.997L17 9.001z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

ruler(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.ruler()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M6.343 14.621L3.515 17.45l3.535 3.535L20.485 7.55 16.95 4.015l-2.122 2.121 1.415 1.414-1.415 1.414-1.414-1.414-2.121 2.122 2.121 2.12L12 13.208l-2.121-2.121-2.122 2.121 1.415 1.414-1.415 1.415-1.414-1.415zM17.657 1.893l4.95 4.95a1 1 0 0 1 0 1.414l-14.85 14.85a1 1 0 0 1-1.414 0l-4.95-4.95a1 1 0 0 1 0-1.414l14.85-14.85a1 1 0 0 1 1.414 0z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

ruler_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.ruler_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M17 19h2v-5h-9V5H5v2h2v2H5v2h3v2H5v2h2v2H5v2h2v-2h2v2h2v-3h2v3h2v-2h2v2zm-5-7h8a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v8z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

scissors(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.scissors()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M9.446 8.032L12 10.586l6.728-6.728a2 2 0 0 1 2.828 0l-12.11 12.11a4 4 0 1 1-1.414-1.414L10.586 12 8.032 9.446a4 4 0 1 1 1.414-1.414zm5.38 5.38l6.73 6.73a2 2 0 0 1-2.828 0l-5.317-5.316 1.415-1.415zm-7.412 3.174a2 2 0 1 0-2.828 2.828 2 2 0 0 0 2.828-2.828zm0-9.172a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

scissors_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.scissors_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M12 13.414l-2.554 2.554a4 4 0 1 1-1.414-1.414L10.586 12 4.565 5.98a2 2 0 0 1 0-2.83L12 10.587l7.435-7.435a2 2 0 0 1 0 2.828L13.415 12l2.553 2.554a4 4 0 1 1-1.414 1.414L12 13.414zM6 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm12 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

scissors_cut(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.scissors_cut()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M10 6c0 .732-.197 1.419-.54 2.01L12 10.585l6.728-6.728a2 2 0 0 1 2.828 0l-12.11 12.11a4 4 0 1 1-1.414-1.414L10.586 12 8.032 9.446A4 4 0 1 1 10 6zM8 6a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm13.556 14.142a2 2 0 0 1-2.828 0l-5.317-5.316 1.415-1.415 6.73 6.731zM16 11h2v2h-2v-2zm4 0h2v2h-2v-2zM6 11h2v2H6v-2zm-4 0h2v2H2v-2zm4 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

screenshot(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.screenshot()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M11.993 14.407l-1.552 1.552a4 4 0 1 1-1.418-1.41l1.555-1.556-4.185-4.185 1.415-1.415 4.185 4.185 4.189-4.189 1.414 1.414-4.19 4.19 1.562 1.56a4 4 0 1 1-1.414 1.414l-1.561-1.56zM7 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm2-7V5H5v8H3V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v9h-2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

screenshot_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.screenshot_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M3 3h2v2H3V3zm4 0h2v2H7V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm0 4h2v2h-2V7zM3 19h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3V7zm7.667 4l1.036-1.555A1 1 0 0 1 12.535 9h2.93a1 1 0 0 1 .832.445L17.333 11H20a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2.667zM9 19h10v-6h-2.737l-1.333-2h-1.86l-1.333 2H9v6zm5-1a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

shape(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.shape()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M7.83 20A3.001 3.001 0 1 1 4 16.17V7.83A3.001 3.001 0 1 1 7.83 4h8.34A3.001 3.001 0 1 1 20 7.83v8.34A3.001 3.001 0 1 1 16.17 20H7.83zm0-2h8.34A3.008 3.008 0 0 1 18 16.17V7.83A3.008 3.008 0 0 1 16.17 6H7.83A3.008 3.008 0 0 1 6 7.83v8.34A3.008 3.008 0 0 1 7.83 18zM5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm14 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM5 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

shape_2(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.shape_2()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M20 16h2v6h-6v-2H8v2H2v-6h2V8H2V2h6v2h8V2h6v6h-2v8zm-2 0V8h-2V6H8v2H6v8h2v2h8v-2h2zM4 4v2h2V4H4zm0 14v2h2v-2H4zM18 4v2h2V4h-2zm0 14v2h2v-2h-2z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

sip(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.sip()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M6.457 18.957l8.564-8.564-1.414-1.414-8.564 8.564 1.414 1.414zm5.735-11.392l-1.414-1.414 1.414-1.414 1.768 1.767 2.829-2.828a1 1 0 0 1 1.414 0l2.121 2.121a1 1 0 0 1 0 1.414l-2.828 2.829 1.767 1.768-1.414 1.414-1.414-1.414L7.243 21H3v-4.243l9.192-9.192z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

slice(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.slice()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M15.69 12.918l1.769 1.768c-6.01 6.01-10.96 6.01-15.203 4.596L17.812 3.726l3.536 3.535-5.657 5.657zm-2.828 0l5.657-5.657-.707-.707L6.314 18.052c2.732.107 5.358-.907 8.267-3.416l-1.719-1.718z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

t_box(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.t_box()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5 5v14h14V5H5zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm9 7v7h-2v-7H7V8h10v2h-4z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

table(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.table()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M4 8h16V5H4v3zm10 11v-9h-4v9h4zm2 0h4v-9h-4v9zm-8 0v-9H4v9h4zM3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

table_alt(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.table_alt()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-1 13H4v3h16v-3zM8 5H4v9h4V5zm6 0h-4v9h4V5zm6 0h-4v9h4V5z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}
Link to this function

tools(icon_css_class \\ "icon")

iex> Elixir.RemixIconEx.Design.tools()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <path d="M5.33 3.271a3.5 3.5 0 0 1 4.254 4.963l10.709 10.71-1.414 1.414-10.71-10.71a3.502 3.502 0 0 1-4.962-4.255L5.444 7.63a1.5 1.5 0 1 0 2.121-2.121L5.329 3.27zm10.367 1.884l3.182-1.768 1.414 1.414-1.768 3.182-1.768.354-2.12 2.121-1.415-1.414 2.121-2.121.354-1.768zm-6.718 8.132l1.414 1.414-5.303 5.303a1 1 0 0 1-1.492-1.327l.078-.087 5.303-5.303z" />
</svg>

example usage

svg.icon {
  width: 96;
  height: 96;
}